Shopify themes, liquid, logos, and UX
I've set my product cards to have centered text alignment, however, they're appearing left aligned. When I search through the CSS, the styling appears correct (to align it to whatever I've assigned in settings). Any ideas are appreciated!
Store: https://manifest-a-pearler.myshopify.com/
Password: pearler
Preview link
Solved! Go to the solution
This is an accepted solution.
@GemPages Thanks for identifying this! To fix it, I added the below code to 'card-product.liquid'
.card__information {
text-align: var(--product-card-text-alignment) !important;
}
Hello @pearlerwork ,
It's GemPages support team and glad to support 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>
.card--standard>.card__content .card__information {
text-align: center;
}
</style>
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
Thanks for you help. I should have said earlier - I really don't want to fix this with code, as I really want it to do what it should be doing and pull the styling from the settings. Perhaps the question I should be asking is, what code is stopping it from rendering it to the setting I've input? @GemPages
Hi @pearlerwork ,
You could please open the base.css file and find this code
--text-alignment: var(--product-card-text-alignment);
If it has gone, you could please re-add it then re-check your settings
Best regards,
GemPages Support Team
This is an accepted solution.
@GemPages Thanks for identifying this! To fix it, I added the below code to 'card-product.liquid'
.card__information {
text-align: var(--product-card-text-alignment) !important;
}
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024