Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #299673

    For my special H1 heading, I’d like to have exactly the style of the special H3 heading. Like this (with same font-size, same inner-border, same margin between the title and the text) :
    What can I do this please ?
    Thanks !


    Hi Franck!

    Simply change the Heading Type to H1, to alter the size you can use the Advanced Style Editor.

    Best regards,


    Thanks for your reply Josue !
    I have done what you say (changed the heading type to H1, then resized H1 like H3 in the Advanced Style Editor), but there are differences with the H3 style again :

    H1 (with resizing) :

    H3 :

    – How can I remove Upper-case ?
    – How can I center the line after the title ? and reduce the gap between the title and the text ?

    Thanks for your help !

    Best regards,


    you say it by yourself – the thing is that uppercase
    css for it is text-transform: none (or inherit see here: )

    but i can not see your site to verify the code
    its easy to say something about it when using f.e. the web developer tools


    It’s Ok, thank you Guenni007. I’ve found where the CSS code should be changed.
    To help people who have the same problem, you have to add these lines in Quick CSS or custom CSS (to have exactly the same special heading H1 as H3 special heading) :

    h1 {
    font-size: 20px;
    line-height: 1.1em;
    margin-bottom: 8px;
    .av-special-heading-h1 .special-heading-border{height: 1.9em}
    .template-page .entry-content-wrapper h1{text-transform: none;letter-spacing: 0px}

    Cheers !



    Glad @guenni007 could help Franck! And thank you for sharing your solution :)

    Thanks Guenter!


Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Special heading H1 like H3’ is closed to new replies.