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.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024