A user wants to control capitalization in product titles on their Shopify store. Currently, titles display correctly on collection pages but appear fully capitalized on individual product pages.
Two CSS solutions were provided:
CodingFifty’s approach: Add CSS to base.css/theme.css/style.css/main.css/custom.css file:
.product-block__title with text-transform: uppercase !important;Moeed’s approach: Add CSS via theme.liquid file:
<style> tag with .product__title { text-transform: none !important; } above the </body> tagStatus: The issue remains unresolved as the original poster hasn’t confirmed which solution worked. The two suggestions offer different approaches (enforcing uppercase vs. removing automatic transformation), so clarification on the desired outcome may be needed.
I would like to be able to choose which words to capitalize and which to lowercase in my product title on the product page. On the collections page, they are correct. while on the product page the title is always capitalized. this is the link: https://vomeroitaly.com/
Can you help me?
Hi @Mdb_Gioto ,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.product-block__title {
text-transform: uppercase !important;
}
Hey @Mdb_Gioto
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
