Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 4, 2015 at 9:27 pm #406046
    dsmcpherson

    Recently I was looking for help changing the size of my H1 text size. I was told to paste the following into the Quick css field;

    h1 {
    font-size: 34px !important;
    line-height: 1.1em !important;
    margin-bottom: 14px !important;
    }

    Which I did on the general tab. This changed the H1 size everywhere on the site. I was not aware a H1 tag is used for the page title bar…it looks weird big.

    If I just want to change the H1 text size inside the content area (main and alternate) would I just paste this CSS into the quick css field on the Main Content and Alternate Content tabs?

    Thanks,
    DSM

    March 4, 2015 at 10:36 pm #406108
    Elliott

    Hi dsmcpherson!

    Try this instead.

    .main_content h1, .main-content h1, .alternate_content h1, .alternate-content h1 {
font-size: 34px !important;
line-height: 1.1em !important;
margin-bottom: 14px !important;
}

    Or you could use our special heading element and change the size in the shortcode options.

    Best regards,
    Elliott

    • This reply was modified 9 years, 1 month ago by Elliott.
    March 4, 2015 at 10:41 pm #406115
    dsmcpherson

    Do I put this is the Quick CSS box under the General Tab?

    Thanks.

    March 5, 2015 at 5:04 am #406228
    Rikard

    Hi!

    Yes, please add it to Enfold–>General Styling–>Quick CSS

    Cheers!
    Rikard

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