How can I center the product price on my site?

Store Design
, ,
1

How can I align the product price in refresh to the center?

1 Like
2

Hi @NovoPlant345 ,

Would you mind to share your URL website with password if its protected?

Thanks!

3

https://novofans.com/products/fly-repellent-fan

4

Hello @NovoPlant345 , you can easily align product prices in the center by adding the following code into your theme file or directly from Customizer if your theme supports Online Store 2.0.

osamafarooqi71 shopify developer shopify bug fix shopify theme customization font issue fix text align center.PNG
osamafarooqi71 shopify developer shopify bug fix shopify theme customization font issue fix text align center.PNG1366Ă—657 128 KB

To add via them, simply follow the steps.

Go to Online Store > Themes > Choose the theme and open Edit Code by clicking on three dots.

In theme files you can find “product-template.liquid” or “product.liquid” or “main-product.liquid” and open the file to edit it and paste the following code there.

The second way is via customizer, simply go to Online Store > Themes > Customize

From Customizer simply open the product template and add the below code in custom CSS to the product section.

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