Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • August 28, 2018 at 8:30 pm #1002816
    Lknows

    Hello,

    Where do I change the (green) color of my header? I changed the entire color scheme, and the header color has remained the same.

    Also, when I scroll down, the logo darkens. How do I prevent this?

    http://www.lknows.com

    Thanks!

    L

    • This topic was modified 6 years, 3 months ago by Lknows.
    August 28, 2018 at 9:41 pm #1002845
    Jordan Shannon

    Hey BrilliantL,

    What color scheme are you looking to make the header? If you want it white, the menu link color must be adjusted as well.

    I’m not seeing the logo darken.

    Best regards,
    Jordan Shannon

    August 29, 2018 at 12:40 am #1002921
    Lknows

    Hi Jordan,

    Thank you. I’m not sure what color I want it – perhaps white, or black or gray. How do I change it?

    The logo is no longer darkening. Thank you!

    L

    August 29, 2018 at 10:46 pm #1003289
    Basilis

    Hi,

    Please add

    #top .av_header_transparency #header_main { background: #000; }

    and should change the color

    Best regards,
    Basilis

    September 6, 2018 at 6:52 pm #1006771
    Lknows

    Thanks Basilis.

    I have updated it with this code for white:

    #top .av_header_transparency #header_main { background: #FFFFFF; }

    However, it seems to a) flash green (old color) very briefly once I scroll down, and the menus are not visible until I scroll down.

    Any suggestions?

    Thanks,

    L

    September 9, 2018 at 7:24 pm #1007659
    Basilis

    Hi,

    Yes, can you please disable the cache so it can be worked out?

    Best regards,
    Basilis

    September 9, 2018 at 7:29 pm #1007662
    Lknows

    Sure thing. How do I do this? Just tried to figure it out on my own without success …

    L

    September 10, 2018 at 6:29 pm #1007989
    Jordan Shannon

    Hi,

    Are you running any caching or minification plugins? If so just disable them temporarily.

    Best regards,
    Jordan Shannon

    September 14, 2018 at 7:32 pm #1009928
    Lknows
    This reply has been marked as private.
    September 16, 2018 at 9:50 am #1010327
    Victoria

    Hi Lknows,

    I see it happening only on the home page and I cannot really find where it is coming from, but the code below will help you fix it:

    
.home #header {
  background-color: #fff;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 19, 2018 at 4:27 am #1011603
    Lknows

    Hello Victoria + All,

    Thanks for your help. This code didn’t fix it. See below for the additional code that I already had in there as per y’all’s suggestion.

    I tried removing the other code (on top) and it still didn’t work.

    Any further guidance?

    Yours,

    L

    #top .av_header_transparency #header_main { background: #FFFFFF; }

    .home #header {
    background-color: #fff;
    }

    September 19, 2018 at 2:58 pm #1011841
    Victoria

    Hi Lknows,

    The code I gave you works, but you have this code here too
    Image 2018-09-19 at 15.56.07.png

    You probably set the transparency header to menu links to be white and so they are invisible now.

    I’m not even sure why you need header transparency, your header and the page are white.

    Best regards,
    Victoria

    October 5, 2018 at 12:58 am #1018080
    Lknows

    Thanks Victoria / All – it worked out.

    L

    October 5, 2018 at 2:07 am #1018086
    Jordan Shannon

    Hi,

    I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Header color change & darkening’ is closed to new replies.