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
9158 1560 1922

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. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

Jasoliya
Shopify Expert
4382 574 1103

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
9158 1560 1922

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. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

Jasoliya
Shopify Expert
4382 574 1103

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

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
4382 574 1103

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
Natztech
Shopify Partner
2230 564 1363

 @Shreyask 

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
9158 1560 1922

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. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
RowdyM
New Member
1 0 0

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