how to remove All cap title of H2 into Initials in product description?

Solved
GENIEQ
Excursionist
13 1 0

Hi there!

how can I change the H2 title of product desciption only initial in cap? https://genieaiselfie.com/products/genie%E2%84%A2-ai-360-face-tracking-phone-holding-selfie-stick

Screen Shot 2021-04-17 at 23.56.26.png

 Thank you

0 Likes
JHKCreate
Shopify Partner
2499 412 595

This is an accepted solution.

Hi @GENIEQ 

Click on Online Store -> More Actions -> Edit Code -> theme.css

Then at the end of that file add the following code;

#ProductSection-product-template > div.grid.product-single.product-single--medium-media > div:nth-child(2) > div.grid > div > h2:nth-child(5) {
    text-transform: capitalize;
}

Let me know if that works!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
mkamalkayani
Tourist
9 2 1

There is another way to achieve this. 

1.  In your shopify dashboard, click on the "Customize theme" button.

2.  Themes page will open, click on "Customize button" of your current theme.

3. At the top of the page select the relevant page you want to edit. (Home page in this case)

4. In the left side bar find the section that contains the relevant text and click on it.

5. Settings of the section will open, here you can remove the old capialied text and write the new text in lower case.

0 Likes
GENIEQ
Excursionist
13 1 0

@JHKCreate Thank you! IT WORKED!

0 Likes
GENIEQ
Excursionist
13 1 0

@mkamalkayani HI there! thanks for the reply, but this is more of a template issue, i added the " product page" on the main page, so it has to solve under the product page, but on product page i tried to correct it already which did not work. It has to be rooted in the code.

 

0 Likes