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

[Eskox]

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.

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.

[oscprofessional · Accepted solution]

Hello Eskox,

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%;
}

[oscprofessional · Accepted solution]

Hello Eskox,

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%;
}

[Eskox]

Thank you very much guys! It worked.

[RowdyM]

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

[Jasoliya · 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; }

[Shreyask]

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

[Jasoliya]

Send store url

[Kinjaldavra]

 @Shreyask 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

[calm-organics]

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]

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