Solved

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

dominnows
Excursionist
26 0 5

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

 

Screen Shot 2023-02-28 at 11.04.31 PM.png

Accepted Solution (1)

GemPages
Shopify Partner
5588 1261 1207

This is an 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

GemPages_0-1677651043060.png


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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 8 (8)

SAN_MSWEB
Shopify Expert
927 111 117

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

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

infoatcodelab7
Shopify Partner
593 141 145

@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;
}
Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com

GemPages
Shopify Partner
5588 1261 1207

This is an 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

GemPages_0-1677651043060.png


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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
dominnows
Excursionist
26 0 5

Thank you for this!

GemPages
Shopify Partner
5588 1261 1207

I am so glad that my solution can help 😁.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Wilder
New Member
6 0 0

Thank you!

Arya_mlz
Visitor
2 0 0

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

Tim_Kline
Excursionist
31 0 4

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