How do I centre the text below images in 'Text Columns With Images' section of Debut theme ?!

[kelly_p_clay]

Hello, 

I have tried everything I can see suggested on this topic but nothing has worked so far! 

I'd like for the text and buttons under each picture to be centred and not left aligned (it is centred on phone/ipad but not on desktop?). Please see pic for example!

Any help is much appreciated 🙂

[oscprofessional]

Hello,
Please share your site url.

[kelly_p_clay]

Hi, 

Thanks for your reply!

It is www.astoryofclay.co.uk

[ParthBhut · Accepted solution]

Hi @kelly_p_clay 

Please add this below CSS code at bottom of you css file : theme.scss.liquid

You will find this file here : go to theme Action > Edit Code > Assets > theme.scss.liquid

#shopify-section-feature-columns .grid__item{

text-align:center!important;

}

Best Regards

Parth Bhut

............................................................................................................................

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at parth.bhut143@outlook.com

[kelly_p_clay]

Thank you very much! It has worked 🙂

[ParthBhut]

Hi @kelly_p_clay 

please try to change the customize settings option as i show i the below image

[Nazb]

Hi there, I have the same issue. Could you help with this? cococleo.co

[oscprofessional]

Hello @Nazb 

Please add the following code in theme.css file
Just Go to Online store -> Theme -> Action -> Edit code ->Asset -> and search for theme.css file

.grid-view-item.product-card .price {
    align-items: center;
}
.grid-view-item.product-card {
    text-align: center;
}

Thanks