Dawn Theme - How to center product title and price on products page

[dominnows]

Hi all,

I was wondering how I can get my products' title and price to be centered on the product page instead of being aligned to the left.

URL: ourodyssey.co

[INA_MSWEB]

Hi @dominnows 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

.card__information, .card-information .price {text-align: center !important;}

Regards,

San

[infoatcodelab7]

@dominnows 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css  and paste this at the bottom of the file:

.card__information, .card-information {
    text-align: center;
}

[GemPages · Accepted solution]

Hello @dominnows ,

It's the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
.product-card-wrapper .card__content .card__information .card__heading,
.product-card-wrapper .card__content .card__information .card-information {
 text-align: center !important;;
}
</style>

Let us know how it works for you.

Best regards,
GemPages Support Team

[dominnows]

Thank you for this!

[GemPages]

I am so glad that my solution can help 😁.

[Wilder]

Thank you!

[Arya_mlz]

Hi. It didn’t work for me. What’s the solution?

[Tim_Kline]

Thank you! I tried several other suggested solutions before I found your suggestion. Those did not work, and yours worked. Excellent!

[Tim_Kline]

And, to add to this, after updating to the new Dawn, I had to once again figure out how to centre the titles and prices, found GemPages solution again, and, it worked again! So thanks again.