Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 14, 2019 at 1:09 pm #1147823
    OKEIwebbureau

    Hi support,

    Is it possible to have a blue background color and white font color (when seleceted / a:active) on menu items in the topbar?

    it is regarding this website: http://web19.lexodoc.dk/

    Thanks :-)

    /OKEIwebbureau

    October 15, 2019 at 6:39 am #1147965
    Rikard

    Hey OKEIwebbureau,

    Please try the following in Quick CSS under Enfold->General Styling:

    #avia-menu li.current-menu-item a:active {
    color: #ffffff;
    background-color: #153f77;
}

    Best regards,
    Rikard

    October 18, 2019 at 9:39 am #1149185
    OKEIwebbureau

    Hi Rikard,

    Thanks for helping – however it didn’t work :-/

    The code is now in the quick css, and I have added !important; to both lines.

    What do we need to change?

    /OKEIwebbureau

    October 18, 2019 at 3:37 pm #1149303
    Victoria

    Hi /OKEIwebbureau,

    The current menu item is highlighted, is this not how you wanted it?
    Image 2019-10-18 at 16.37.06.png

    Best regards,
    Victoria

    October 18, 2019 at 4:19 pm #1149338
    OKEIwebbureau

    Hi Victoria,

    It is the topbar, not the main menu, that I am trying to find this solution for.
    I wrote this in the first “post”.

    /OKEIwebbureau

    October 18, 2019 at 7:59 pm #1149391
    Victoria

    Hi/OKEIwebbureau,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #header_meta .sub_menu #avia2-menu .current-menu-item a {
    color: #ffffff;
}
#top #header_meta .sub_menu #avia2-menu .current-menu-item {
        background-color: #153f77;
}
#top #header_meta .sub_menu #avia2-menu li {
    height: 25px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 19, 2019 at 11:10 am #1149483
    OKEIwebbureau

    Hi Victoria,

    Thanks for helping :-)

    I changed it to:

    #top #header_meta .sub_menu #avia2-menu .current-menu-item a {
    color: #ffffff;
background-color: #153f77;
padding-left: 5px;
padding-right: 5 px;
}

    It works fine now.

    Please close.

    /OKEIwebbureau

    October 20, 2019 at 6:14 am #1149565
    Rikard

    Hi,

    Great, I’m glad that you found a solution and thanks for sharing. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Topbar – colored background on menu items when active’ is closed to new replies.