Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • August 9, 2017 at 6:44 pm #836548
    gardenstateloans

    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?
    http://www.gardenstateloans.com

    August 9, 2017 at 9:21 pm #836619
    Guenni007

    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: https://www.gardenstateloans.com/definitions/

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

    August 9, 2017 at 9:39 pm #836633
    gardenstateloans

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

    August 9, 2017 at 10:07 pm #836651
    Guenni007

    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 ?

    August 9, 2017 at 10:10 pm #836653
    gardenstateloans

    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.

    August 10, 2017 at 5:18 am #836723
    John Torvik

    Hi,

    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

    August 10, 2017 at 8:58 am #836820
    Guenni007

    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 6 years, 8 months ago by Guenni007.
    August 12, 2017 at 8:46 pm #838007
    Mike

    Hi,

    @Guenni007     thanks for your input.

    @gardenstateloans     did you find this to be your solution? Shall we close this then?

    Best regards,
    Mike

    June 3, 2018 at 3:18 am #966024
    Steve

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

    June 3, 2018 at 7:41 am #966070
    Rikard

    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,
    Rikard

    June 3, 2018 at 11:40 pm #966257
    Steve

    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?
    Thanks,

    June 4, 2018 at 6:46 am #966334
    Rikard

    Hi,

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

    Best regards,
    Rikard

    June 4, 2018 at 9:04 am #966371
    Steve

    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.

    June 4, 2018 at 10:35 am #966414
    Mike

    Hi,
    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,
    Mike

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘H1 is forced uppercase’ is closed to new replies.