Need to center product price (Debut)

New Member
1 0 0

Hello!

I need some guidance getting my product prices to center in Debut. I added a secondary image hover effect for my product photos using this tutorial (https://ecommerce.shopify.com/c/ecommerce-design/t/add-hover-effect-to-product-images-debut-theme-41...). 

The instructions worked for me, but now my product prices are left-aligned instead of centered under their corresponding product title. I can't seem to troubleshoot this on my own, so I would really appreciate some ideas on what the issue may be. 

Thank you for your help!

0 Likes
Shopify Partner
34 1 10
.whatEverClassName {
  display: inline-block;
  text-align: center;
}

Find the class for the product price and use:

 

Liam Merlyn | Shopify Developer
0 Likes
New Member
3 0 0

It doesn't work on my Speedfly theme.
Please, I need help, I want to center the price on my product page.

Thanks!

0 Likes
New Member
11 0 0

this worked for me, put at bottom of theme.css

 

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

0 Likes