Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 16, 2020 at 1:25 am #1222886
    ryanmeighan

    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, 5 months ago by ryanmeighan. Reason: updated the password
    June 17, 2020 at 5:16 am #1223224
    Rikard

    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

    June 25, 2020 at 1:21 am #1225387
    ryanmeighan

    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

    June 26, 2020 at 5:09 am #1225717
    Rikard

    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

    June 26, 2020 at 10:53 pm #1225990
    ryanmeighan

    That worked, thanks again!!

    June 29, 2020 at 6:03 am #1226299
    Rikard

    Hi Ryan,

    Please see private.

    Best regards,
    Rikard

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