Changing product title

Solved

Changing product title

Mdb_Gioto
Excursionist
49 0 17

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?

 

Screenshot 2025-01-25 at 14.53.48.png

Screenshot 2025-01-25 at 14.53.52.png

  

Accepted Solution (1)

Moeed
Shopify Partner
7355 1994 2433

This is an accepted solution.

Hey @Mdb_Gioto 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-detail .detail .review-enabled .title {
    text-transform: unset !important;
}
</style>

RESULT:

Moeed_0-1737814128254.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 2 (2)

CodingFifty
Shopify Partner
913 136 166

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;
}

 

CodingFifty_0-1737814142516.png

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

Moeed
Shopify Partner
7355 1994 2433

This is an accepted solution.

Hey @Mdb_Gioto 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-detail .detail .review-enabled .title {
    text-transform: unset !important;
}
</style>

RESULT:

Moeed_0-1737814128254.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications