Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 17, 2014 at 3:40 pm #252738
    f dech

    using a transparent header on a page with white font-color on the menu items

    is it possible for the menu font to color to a different color after scrolling down and becomes a fixed menu header?

    • This topic was modified 10 years ago by f dech.
    April 17, 2014 at 4:33 pm #252768
    f dech

    because menu background turns white you won’t be able to see the menu items

    April 17, 2014 at 4:58 pm #252779
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .header_color .main_menu ul:first-child > li > a { color: red; }

    Regards,
    Yigit

    April 17, 2014 at 5:05 pm #252786
    f dech

    Hi Yigit,

    I know the CSS, but I think it is a javascript thing.

    When I have a page with a fullscreenslider the menu is on top of that, transparent.
    So if the picture is dark and the menu font color is white and I scroll down the menu background turns white and I dont see menu items anymore because they are white on white

    April 18, 2014 at 9:58 am #253073
    Ismael

    Hey!

    Thank you for the update.

    You can change the background color of the scrolled header with this on Quick CSS or custom.css:

    .header_color.header-scrolled .header_bg {
background-color: blue;
}

    If you want to change the color of the text instead, use this:

    .header_color.header-scrolled .main_menu ul:first-child > li > a {
color: red;
}

    Regards,
    Ismael

    April 18, 2014 at 11:21 am #253103
    f dech

    Thanks Ismael, that did the job.

    Love Enfold and all of the feautures

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘how to – different font color Activate Header transparency’ is closed to new replies.