Impulse theme: How can I make only the product page title lowercase?

Store Design
, ,
1

I’d like all my headings to be uppercase (capital letters), except for the product page title, so that it matches how everything appears on the collection page. However, when I select “capatalize” in the typography settings, the product page titles become uppercase too.

Is there a way to change this in the code? I’d like for the product page title to be capitalized (lowercase with uppercase first letters).

2

Hello @laram

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

3

This is my store, i’ve linked to a product page: redacted

Although i’ve just messed around with the CSS, I added

text-transform:capitalize !important;

under this section

.product-single__title{
word-wrap:break-word;
margin-bottom:10px;

It has seemingly worked, but I’m wondering if this is the correct way to do it?

4

Hi @laram , Pls insert this code to your file css:

.template-product .product-single__title {
    text-transform: lowercase !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

5

@laram

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.product-single__vendor a { text-transform: capitalize !important; }

techlyser_web_1-1719595436848.png
techlyser_web_1-1719595436848.png360×166 7.06 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

6

Hi @laram

Yes, this is correct. You can call the exact heading by code if you dont like them to be affected with the deafult.

7

@laram

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.