Dawn Theme 8.0 Center Price on product pages

[idaya]

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! 

[suyash1]

@idaya - can you please share this page?

[idaya]

@suyash1 julytwentysix.co thanks! 

[suyash1]

@idaya - you want like this? 

[idaya]

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

[suyash1]

@idaya - like this? it will look wierd

[idaya]

@suyash1 yes 🙂

[suyash1 · Accepted solution]

@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;}

[idaya]

@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 🙂 

[suyash1]

@idaya - yes that too can work

[GemPages]

Hello @idaya ,

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

<style>
.card__content .card__information,
.card__content .card__information .card-information{
    text-align: center;
}
</style>

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team