Repositioning Product text and price Debut Theme

olliedodge
Tourist
21 0 3

How do I get the product title and price centered underneath the photo instead of to the left on the collections page? I saw a thread similar to this and attempted to use the suggested code but I couldn't figure out where to place it to make it work. Using Debut theme

Screen Shot 2022-05-06 at 1.51.42 PM.png

Replies 3 (3)

made4Uo
Shopify Partner
3821 716 1148

Hi @olliedodge,

 

It is hard without knowing your website url but try this. Paste the code below in the theme.css file under Asset folder.

.price__pricing-group {
    align-self: center !important
}

.grid-view-item__title {
    text-align: center  !important
}
If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
olliedodge
Tourist
21 0 3

Thanks I'll try that out!

My website url is:

https://www.beatmakersboutique.com/collections/specialty-items

olliedodge
Tourist
21 0 3

Hey @made4Uo 

I tried the code you suggested and it worked on the product title but not the price. How to I get the price to be centered as well? Thanks!

Screen Shot 2022-05-08 at 8.10.56 PM.png

 Website URL is https://www.beatmakersboutique.com/collections/specialty-items

Thanks!