To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

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

Solved
kelly_p_clay
New Member
4 0 0

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!

Screenshot 2020-10-30 at 23.39.27.png

Any help is much appreciated 🙂

Accepted Solution (1)

Accepted Solutions
ParthBhut
Shopify Partner
141 33 52

This is an 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

View solution in original post

Replies 7 (7)
oscprofessional
Shopify Partner
13773 2097 2692

Hello,
Please share your site url.

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
kelly_p_clay
New Member
4 0 0
ParthBhut
Shopify Partner
141 33 52

This is an 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

ParthBhut
Shopify Partner
141 33 52

Hi @kelly_p_clay 

 

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

Screenshot (15).png

kelly_p_clay
New Member
4 0 0
Nazb
New Member
1 0 0

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

 

oscprofessional
Shopify Partner
13773 2097 2692

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

 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant