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
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025