Dawn Theme 8.0 Center Price on product pages

Store Design
, ,
1

Hi, I’m having a hard time trying to figure out how to center the price on the dawn theme for the product pages.

can someone help?

thank you!

1 Like
2

@idaya - can you please share this page?

3

@suyash1 julytwentysix.co thanks!

4

@idaya - you want like this?

suyash1_0-1679019958670.png
suyash1_0-1679019958670.png1366×768 106 KB

5

@suyash1 not on the collection page but on the actual product if possible.

6

@idaya - like this? it will look wierd

suyash1_0-1679020295143.png
suyash1_0-1679020295143.png1366×768 123 KB

7

Hello @idaya ,

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1679020387549.png
GemPages_0-1679020387549.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1679020412484.png
GemPages_1-1679020412484.png1210×867 62.6 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

8

@suyash1 yes :slightly_smiling_face:

9

@idaya - please add this css to the very end of your base.css file and check, should look like screenshot above

.product__info-container .price{text-align: center;}
1 Like
10

@suyash1 that code worked thank you! but I had to paste the code on the customize section since this upgrade of the dawn theme allows you to customize the CSS code on there too :slightly_smiling_face:

11

@idaya - yes that too can work