Shopify themes, liquid, logos, and UX
I am trying to change the capitalization on the product cards for the title to not be just first letter uppercase.
I think i am supposed to do product.title | capitalize somewhere but I am unsure what file to change/add it in.
If anyone could help me out.
Thank you
Solved! Go to the solution
This is an accepted solution.
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag
<style>
.card__information .card__heading .full-unstyled-link {
text-transform: uppercase;
}
</style>
After modification:
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Hello, @justkiddinh
Please share the store URL so that I can assist you.
This is an accepted solution.
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag
<style>
.card__information .card__heading .full-unstyled-link {
text-transform: uppercase;
}
</style>
After modification:
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Thank you so much for your quick reply!! this worked right away
@justkiddinh - can you please share this page link? it will need css
@justkiddinh Please follow below steps to capitalize the product card titles. Let me know whether it is helpful for you.
.product-card-wrapper .card__content .card__heading .full-unstyled-link {
text-transform: uppercase;
}
Hello,
I am San from MS Web Designer.
Here is the solution:
Go to Themes > Edit code > Theme.liquid > at the bottom place this code before </body>
<style>
.card__information .card__heading .full-unstyled-link{text-transform: uppercase !important;}
</style>
Hope this helps.
Do let me know in case of any concerns.
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
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025