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

Technical Q&A
1

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
Screen Shot 2021-04-17 at 23.56.26.png2124Ă—538 58.5 KB

Thank you

2

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!

3

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.

4

@JHKCreate Thank you! IT WORKED!

5

@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.