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.
0 Likes

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
Jasoliya
Shopify Expert
4227 569 1042

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.
If helpful then please Like and Accept Solution.
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.

0 Likes
Shreyask
New Member
1 0 0

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

0 Likes
Jasoliya
Shopify Expert
4227 569 1042

Send store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
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
0 Likes
Natztech
Shopify Partner
647 177 433

 @Shreyask 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
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.

0 Likes

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
0 Likes