Centering Product Names in Debut theme

Solved
entitledgolf
Excursionist
16 0 5

How can I get the names and prices to be centered under photo of products? They are currently left-justified. Please see photo below

thank you! 

F2DCDCCE-3F39-4C39-B721-DF90679DF6B0.jpeg

Hi @entitledgolf,

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file.

.product-card__title {
    display: block !important;
    justify-content: center !important;
}
.price {
    display: block !important;
     justify-content: center !important;
}

 

 Good Luck!

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
0 Likes
dmwwebartisan
Shopify Partner
7394 1754 2350

@entitledgolf 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
entitledgolf
Excursionist
16 0 5

thank you for your help.  I tried it and it didn't work - it extended the underline across the bottom of the product when I hover over the product name.  

0 Likes

This is an accepted solution.

@entitledgolf  Try this and let me know.

Remove the previous one and add this.

 

 

.product-card__title {
    display: block !important;
    text-align: center !important;
}
.price {
    display: block !important;
    text-align: center !important;
}

 

 

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
0 Likes
entitledgolf
Excursionist
16 0 5

worked! thank you!

0 Likes

It was not a problem at all.
Best of luck with your business.


Cheers!

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
0 Likes