Debut Theme - Centering Product Prices

Solved
Highlighted
Excursionist
16 0 3

I can't seem to center the product prices. They are centered on the home page but when you click "Tops" and then click on a product, it's aligned left.  Please see photo below!  Can everything be centered under the product title? Or at least the price?  TIA!

 

Screen Shot 2020-05-18 at 2.06.21 PM.png

0 Likes
Highlighted
Shopify Expert
154 17 22

Have you tried adding changing the text align to center?
text-align: center; 

You may need to add !important to it to overwrite the default styles:

text-align: center!important;


If that doesn't work, can you attach a link to the product so we can view it?

W3trends is one of the leading app developers in the Shopify ecosystem. We can handle anything E-commerce or App related for your business. Feel free to message me if you need any work done!
0 Likes
Highlighted
Excursionist
16 0 3

To which code would I add that to?  and where?


@w3trends wrote:

Have you tried adding changing the text align to center?
text-align: center; 

You may need to add !important to it to overwrite the default styles:

text-align: center!important;


If that doesn't work, can you attach a link to the product so we can view it?


 

0 Likes
Highlighted
Excursionist
16 0 3

This is my website so you can see the products and the alignment.

 

https://www.gracieandrae.com



 

0 Likes
Highlighted
Shopify Partner
1292 276 377

This is an accepted solution.

Hi

 

add code assets/theme.scss.liquid bottom of the file

 

.price_regular .price dd {text-align: center; margin-left: 0px  !important;}
.price__pricing-group {display: contents !important;}

Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Excursionist
16 0 3

You are awesome!  THANK YOU.

1 Like
Highlighted
Tourist
16 0 0

hey do u mind helping me center mine? I was getting help from someone else but he stopped responding days agoScreen Shot 2020-06-10 at 10.10.59 PM.png

0 Likes
Highlighted
Shopify Partner
1292 276 377

Hi @MountMariah 

Please share your webshop URL & password.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
16 0 0
0 Likes
Highlighted
Shopify Partner
1292 276 377

Hi @MountMariah 

only product title in center align?

Thanks!

 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes