Repositioning Product text and price Debut Theme

olliedodge
New Member
14 0 0

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
3785 710 1094

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
}
Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
olliedodge
New Member
14 0 0

Thanks I'll try that out!

My website url is:

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

olliedodge
New Member
14 0 0

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!