Repositioning Product text and price Debut Theme

[olliedodge]

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

 

[made4Uo]

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
}

[olliedodge]

Thanks I'll try that out!

My website url is:

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

[olliedodge]

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!

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

Thanks!