Tagged: , , ,

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

    I would like to apply the following changes to the homepage only:

    H1 font – Increase the size to around 80-100 px
    H1 font – make it more bold
    H2 font – make it less bold
    H2 font – increase the spacing between letters / kerning

    Thanks

    • This topic was modified 4 years ago by ryanmeighan. Reason: updated the password
    #1223224

    Hey ryanmeighan,

    Please try the following in Quick CSS under Enfold->General Styling:

    .home h1 {
      font-size: 80px;
      font-weight: 900;
    }
    
    .home h2 {
      font-weight: 300;
      letter-spacing: 20px;
    }

    Best regards,
    Rikard

    #1225387

    Thanks for the response Rikard. I tried that, and it did nothing.
    I do have my H1 and H2’s set to custom sizes already under “advanced styling”, is that potentially overriding this CSS?

    Thanks,
    Ryan

    #1225717

    Hi,

    Please try this instead:

    @media only screen and (min-width: 991px) {
    .home h1, .home h1 em {
      font-size: 80px !important;
      font-weight: 900 !important;
    }
    
    .home h2 {
      font-weight: 300 !important;
      letter-spacing: 20px !important;
    }
    }

    Also make sure that you have activated the option to delete the old CSS and JS files under Enfold->Performance before you check the results.

    Best regards,
    Rikard

    #1225990

    That worked, thanks again!!

    #1226299

    Hi Ryan,

    Please see private.

    Best regards,
    Rikard

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