Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 4, 2014 at 2:26 pm #299673
    SphereEvenements

    Hi,
    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) : http://kriesi.at/themes/enfold/pages/
    What can I do this please ?
    Thanks !
    Franck

    August 4, 2014 at 10:49 pm #299887
    Josue

    Hi Franck!

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

    Best regards,
    Josue

    August 5, 2014 at 9:40 am #300069
    SphereEvenements

    Hi,
    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) :
    http://www.sphere-evenements.com/avec-h1-en-capital.jpg

    H3 :
    http://www.sphere-evenements.com/avec-h3.jpg

    – 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,
    Franck

    August 5, 2014 at 10:18 am #300079
    Guenni007

    you say it by yourself – the thing is that uppercase
    css for it is text-transform: none (or inherit see here: http://www.w3schools.com/cssref/pr_text_text-transform.asp )

    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

    August 5, 2014 at 11:11 am #300109
    SphereEvenements

    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 !
    Franck

    August 5, 2014 at 11:15 am #300112
    Yigit

    Hey!

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

    @guenni007     Thanks Guenter!

    Cheers!
    Yigit

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