Center text in the "Featured Collection" section on Debut theme

Solved
Eskox
Tourist
4 0 1
 
Hey everyone. I am trieng to center the text under the products in the featured collection section at the home page. It is currently on the left site. I was trieng to fix it with the css code but couldn't find out how to do it. problem.JPG
 
It is currently like that and I want to center the text under the T-Shirt. I tried to put
 
.product-card {
text-align:center;
}
 
in the theme.scss file but it didn't work out for me. Thank you for your help.
Accepted Solutions (2)

Accepted Solutions
oscprofessional
Shopify Partner
14191 2142 2760

This is an accepted solution.

Hello ,

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.grid-view-item.product-card {
    text-align: center!important;
}
dl.price.price--on-sale {
    padding-left: 25%;
}
If helpful then Please Like and Accept Solution. Chat on WhatsApp | Skype : oscprofessionals-87 |
Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant

View solution in original post

Jasoliya
Shopify Expert
4644 598 1164

This is an accepted solution.

HI @Eskox 

for tile code are given by oscprofessional  is ok but for price you can use this one.

.grid-view-item.product-card .price { justify-content: center; }

 

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp, Try our Free app for bundle page.
Want to get Free review and advice for sale on store ?? just text me here

View solution in original post

Replies 9 (9)
oscprofessional
Shopify Partner
14191 2142 2760

This is an accepted solution.

Hello ,

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.grid-view-item.product-card {
    text-align: center!important;
}
dl.price.price--on-sale {
    padding-left: 25%;
}
If helpful then Please Like and Accept Solution. Chat on WhatsApp | Skype : oscprofessionals-87 |
Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
Jasoliya
Shopify Expert
4644 598 1164

This is an accepted solution.

HI @Eskox 

for tile code are given by oscprofessional  is ok but for price you can use this one.

.grid-view-item.product-card .price { justify-content: center; }

 

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp, Try our Free app for bundle page.
Want to get Free review and advice for sale on store ?? just text me here
Eskox
Tourist
4 0 1

Thank you very much guys! It worked.

Shreyask
New Member
1 0 0

I am trying this on my store, but the price part is still left aligned.

Jasoliya
Shopify Expert
4644 598 1164

Send store url

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp, Try our Free app for bundle page.
Want to get Free review and advice for sale on store ?? just text me here
Kinjaldavra
Shopify Partner
2302 569 1411

 @Shreyask 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
calm-organics
New Member
4 0 0

I also need help with this issue please. Would like the product name and price to be centred under the product pictures on Home Page.

 @calm-organics pw: Organics

Thanks.

oscprofessional
Shopify Partner
14191 2142 2760

Hello calm-organics,
Please share your site url.
So that I can check and let you know the exact solution here.

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

Hey! I´ve added the code but it is not working 😞 Any tip? Would really appreciate any help!