Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1178188

    Hello,
    I’m looking for a webpage that shows the default sizes of headings H1-H6.
    I can’t seem to find it anywhere?
    Thanks

    #1178328

    Hey Cynthia45,

    I’m not sure I understand your question, are you looking to change the look and size of the headers? If so then you can do that under Enfold->Advanced Styling.

    Best regards,
    Rikard

    #1178383

    Thanks Rickard
    I have actually changed some but would like to know what the original default size is for each.
    Example is H1 12 points bold, H2 10 points?
    Thanks!

    #1178393

    on default (base.css line 54) the font is determined as:
    body {

        font: 13px/1.65em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color:  #444;
        -webkit-text-size-adjust: 100%;
    }

    that is a shortened form of font-size: 13px ; line-height: 1.65em
    you see that line-height here has a relative value.

    If you set a different font-size on : Enfold – General Styling – Fonts : Default content font size
    this value is set to a different font-size.

    the standard font-size definitions are set on base.css ( line 92ff):

    
    h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
    h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
    h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; } /*28*/
    h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; } /*21*/
    h5 { font-size: 16px; line-height: 1.1em; }						/*17*/
    h6 { font-size: 14px; line-height: 1.1em; }
    #1178465

    Hi,

    Thanks for helping out @guenni007, did that answer your question @cynthia45?

    Best regards,
    Rikard

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.