Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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
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
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
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;
}
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
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
Thank you for this!
I am so glad that my solution can help 😁.
Thank you!
Hi. It didn’t work for me. What’s the solution?
Thank you! I tried several other suggested solutions before I found your suggestion. Those did not work, and yours worked. Excellent!
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.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024