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
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025