Upgraded to WordPress 6.0 and have issues? Please check the hotfix which you need to apply.

Okay
  Public Ticket #3133110
header background color
Closed

Comments

  •  1
    thomas started the conversation
    September 26, 2022 at 5:40pm

    hi there,  i like to set the background color of the header to #FFCC00 which is the yellow background of the logo.

    i tried:

    .vu_main-header, .vu_menu-affix.affix { background: #FFCC00; }

    but it somehow dont match - it looks like there is a transparency interfering or something. maybe you can help me out here.

    thanks and all my best
    thomas

  •  228
    Milingona replied
    October 1, 2022 at 8:31am

    Hi Thomas,

    Looks like you have managed to fix it: https://d.pr/i/cCv3FP and the extra code is being applied properly. Please sorry for the delay and let us know if we may be of any further assistance.

    Thanks,

    Milingona Support

    Follow on     Envato     Facebook     Twitter

  •  1
    thomas replied
    October 1, 2022 at 11:02am

    hi there, for me it still is not fixed. have you checked with firefox?


  •  228
    Milingona replied
    October 1, 2022 at 12:50pm

    Hey Thomas,

    It looks like we misunderstood you. You also wanted to have the top bar with the same background color.

    To fix that please make sure to include .vu_top-bar class as well so the custom code looks like below:

    .vu_main-header, .vu_top-bar, .vu_menu-affix.affix {
        background-color: #ffcc00 !important;
    }

    Kind regards,

    Milingona Support

    Follow on     Envato     Facebook     Twitter

  •  1
    thomas replied
    October 1, 2022 at 1:18pm

    hello, no you misunderstand me now. i dont want to change the top bar color.

    i want to find out why in firefox the header shows a different backgroundcolor than the background of the logo.
    cant you see the difference by looking at my screenshot?

  •  228
    Milingona replied
    October 1, 2022 at 9:02pm

    Oh sorry, we saw now the difference in colors in your screenshot but on our end, it is looking fine both in Chrome and Firefox.

    Please try to use the following custom code instead and see if this fixes the issue.

    .vu_main-header, .vu_menu-affix.affix {
        background-color: #ffcc01 !important;
        transition: none;
    }

    If not, please let us know what browser, version, and computer type are using so we can replicate it on our end and help you out.

    Thanks,

    Milingona Support

    Follow on     Envato     Facebook     Twitter

  •   Milingona replied privately
  •   thomas replied privately