Need to center price on product page - motion

Store Design
1

Hello!

I am trying to center the price on our product page, can someone please show where to edit the code and what to write?

Thanks in advance!

2

Hello,

You can achieve that by using custom CSS.

Adding the below CSS snippet at the end of your theme.css file should answer your question.

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

GabrielS_0-1666677463008.png
GabrielS_0-1666677463008.png2179×1038 199 KB

Cheers!

Gabriel

1 Like
3

Hi Gabriel,

Thank you for your response!

I had to write the entire line including the product block part into my code, attempting to modify existing code was not working!

4

Can you provide further details on why this couldn’t be achieved? If you are using a Paid theme that is not activated, perks such as Edit Code might be deactivated.

Nevertheless, assuming that access is given to CSS files, adding the CSS code provided should address your question.

Feel free to message me or post here, whenever you require assistance with your website.

Gabriel

1 Like
5

Hi Gabriel,

I was able to get it to work!

Could you please show the code to center the quantity selector on the product page? :slightly_smiling_face:

Thanks

6

HI there,

Unfortunately, I can’t, as every theme/website is different.

A wild guess to center your website’s qty selector would be as followindg:

.qty, .quantity {
text-align: center;
Margin:0 autol
}

The above code might not work as the structure might differ.

Anyways…

If you are looking to hire a web developer, or to find answers to your questions, feel free to post within this chat. I’m not trying to over-hustle this, but considering to hire a Shopify expert or a web developer might come in very handy to your business.

Cheers!

Gabriel

1 Like