Headings not uniform

[sarahlouisewaterhouse]

Hi, I don’t want my headings to be CAPITALS, but some of them are (size 4 and 6) ). I have the cornerstone toggle for uppercase turned off, but it isn’t affecting anything. Please can you help me make them title case across the site.

Thanks in advance

[ruenel]

Hey @sarahlouisewaterhouse,

Thanks for posting in! In most case, a custom CSS may have been added on the site like the following:

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    text-transform: uppercase;
}

The code above is responsible for making the headings in uppercase. You may need to inspect the site headings and look for any custom CSS. You can exclude the headings that you do not want to be in uppercase.

Using your browser’s Development Tool, you can check the live HTML code and find which CSS selector you need to use or what CSS code has been used to style the headings.

Check out this video demonstration:
https://www.youtube.com/watch?v=EY3CCMWD67o

Best Regards.

[sarahlouisewaterhouse]

Thanks. Please can you help me here.I can see in DEV tools that the heading in the integrity css stylesheet is H6 text transform - upper case. So that explains it, but how did it get there? I didn’t edit the style sheet. Do I have to access the stylesheet and edit it?

[prakash_s]

Hello @sarahlouisewaterhouse,

In case you want to edit the style, please note it is a best practice to override the style by using the custom CSS code. You should not edit the CSS code from the theme file since the edited code will be removed when you update the theme and you will lose your edited code. You can override the style using custom CSS code and add your custom CSS code to the Global CSS.

Thanks