Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 15, 2020 at 11:01 am #1245983
    Troom94

    Hey!

    I use a transparent header on our homepage. Is it possible to change the font weight to bold on that specific page only while it is NOT scrolled down?
    I only want to change it to bold while the header is transparent, because it is hard to see when it is not thick. I currently have set the menu font to bold in general but it doesn’t look good on the other pages and while it is shrinked. The page-id is ‘734’

    Thank you in advance!

    Best Regards,

    Dominik

    September 15, 2020 at 11:49 am #1246004
    Nikko

    Hey Troom94,

    This code will be applied to all transparent headers, please change it back to its normal font weight.
    Then go to Enfold > General Styling > Quick CSS, then add this code:

    #top #header.av_header_transparency .av-main-nav > li > a {
    font-weight: 700;
}

    Best regards,
    Nikko

    September 15, 2020 at 12:05 pm #1246007
    Troom94

    Hey Nikko,

    works perfectly! Thank you very much for your fast reply!

    Best regards,

    Dominik Vida

    September 15, 2020 at 4:14 pm #1246083
    Nikko

    Hi Dominik Vida,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Transparent Header bold on specific page’ is closed to new replies.