Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
  • #836548

    Why do h1 tags force an uppercase format? Is there any way to prevent this entirely or do I need to use inline css between words?


    please give us a link to page where you used h1. I do not find after several klicks – all uppercase headings i found are h2 ones.
    Sometimes those settings are made in demos via the enfold (or enfold-child) – advanced styling.
    But to have a detailed look the direct link would be nice

    f.e. you got a rule ( i do not see where it comes from – because i guess you are using a minify tool) :
    on that page:

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
        text-transform: uppercase;

    change uppercase to none (maybe !important is necessary)


    btw. the dingdong sound would keep me away from watching the site.


    I don’t have an example of it because right now they’re all forced lowercase in-line, but that page is a good example. it seems to only do this when in a color section and not in other layout elements. I hope this info helps..


    show me a link to a h1 without inline css – than i try to help you.

    btw: how do you set up inline css for heading alb element? or in a slider the headings ?


    hi Guenni – the definitions page you referenced has the h1 tag in there without inline css. i might be using the term inline css wrong… what i did for the homepage is:
    <h1 style="text-transform: capitalize;">Welcome <span style="text-transform: lowercase;">to</span> Garden State Home Loans! Which <span style="text-transform: lowercase;">do you want a rate quote for:</span></h1>

    don’t laugh. i needed a quick solution.



    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password
    – FTP credentials

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Best regards,
    John Torvik


    And by the way you are thinking a bit complex.
    Why do you choose capitalize and than make some span in it to go to lowercase, when you can choose for text-transform: none
    That means the letters will show like you have entered them – big letters are big and vice-versa small are small

    so that means one additional rule (maybe with !important ) to overwrite the uppercase instruction.

    If you have your h1 allways in text-block elements ( the slider headings and heading from alb are not influenced) you can make your own rule via quick css

    h1 { text-transform: none !important }

    or you can use the advanced styling option ( Dashboard – Enfold – Advanced Styling) to set up the h1 rule with the possibility to set up here font-weight, letterspacing, color, font-family etc. pp.

    The headings of sliders are not influenced because the rules are more specific than the simple h1 is. – means there are f.e:

    .template-page .entry-content-wrapper h1

    allthough the h1 rule is set to important the more specific rule above is not influenced by overriding through it.

    • This reply was modified 4 years, 3 months ago by  Guenni007.

    @guenni007 thanks for your input.
    @gardenstateloans did you find this to be your solution? Shall we close this then?

    Best regards,


    Same problem here. I need h1 to be lower case, but can’t.


    Hi Steve,

    Did you try the code posted in the thread in your Quick CSS?

    h1 { 
      text-transform: none !important 

    You can also set that under Enfold->Advanced Styling.

    Best regards,


    Hi Ricard,
    yes, obviously I have tried all the solutions suggested here and it did not solve the problem. It is also set in the theme settings.
    Did you check the website css?



    Yes I checked your site, the first h1 on your home page is not uppercase, so I’m guessing it’s working.

    Best regards,


    Thanks, Ricard. Yes, it appears to be working. Finally! :)
    I think there must have been some kind of cashing error, which prevented it from displaying correctly.


    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,

Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘H1 is forced uppercase’ is closed to new replies.