FROM CACHE - en_header

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
12120 1883 2416

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%;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing

View solution in original post

Jasoliya
Shopify Expert
4522 586 1136

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.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
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
12120 1883 2416

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%;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
Jasoliya
Shopify Expert
4522 586 1136

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.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
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
4522 586 1136

Send store url

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Kinjaldavra
Shopify Partner
2302 569 1407

 @Shreyask 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
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
12120 1883 2416

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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
RowdyM
New Member
1 0 0

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