How disable the uppercase on custom headings for H1, H2, H3….

This topic has 2 replies, 2 voices, and was last updated 1 months ago ago by Luca Rossi

  • Avatar: martijntje
    April 16, 2024 at 20:05


    Is there a way to disable the uppercase on the H1, H2, H3, H4 and H5 headings? I know I can fill in ‘no-uppercase’ in the custom-css-field, but I want to use that field to point to the custom css.



    Files is visible for topic creator and
    support staff only.
    1 Answer
    Avatar: Justin
    Luca Rossi
    Support staff
    April 17, 2024 at 04:42

    Hello Martijn,

    Thank you for reaching out to us with your query. Yes, you can certainly disable the uppercase formatting on the H1, H2, H3, H4, and H5 headings without using the custom-css-field for that specific purpose.

    To achieve this, you can add the following custom CSS code to your website:

    h1, h2, h3, h4, h5,
    .h1, .h2, .h3, .h4, .h5 {
        text-transform: none !important;

    You can insert this snippet in the appropriate section of your theme options or within your child theme’s style.css file, depending on how your theme is set up to handle custom CSS.

    If you need further assistance or have any more questions, please feel free to reach out. We’re here to help.

    Best Regards,
    8Theme’s Team

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.