Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 27, 2018 at 4:21 pm #933728
    1lizcollins

    Hi there,

    My drop-down menu items, when active, disappear against the white background, and I’m having trouble teasing out how to make this change without changing anything else. I’d like the background of the active sub-menu item to be blue (#7ea6ba, see screenshot #2), and currently the background is white (see screenshot 1). Can you help?

    March 27, 2018 at 9:52 pm #933891
    Vinay

    Hey 1lizcollins,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    
#top #header .current_page_item > a {
background: #7ea6ba!important;
color:#FFF!important;
}

    Best regards,
    Vinay

    February 27, 2019 at 2:38 am #1072117
    webWahine

    Hello
    I’m trying to change the background color of just one custom button in the secondary menu when active. The button is –

    #menu-item-748

    I tried this –

    #top #header #menu-item-748 a:active {
	background: blue !important;
	color: #fff !important;
}

    But to no avail. Please help me target just this one item :)

    February 27, 2019 at 2:40 am #1072118
    webWahine

    Sorry, I have tried this as well –

    #top #header #menu-item-748 .current_page_item > a {
	background: blue !important;
	color: #fff !important;
}
    March 2, 2019 at 6:31 pm #1073666
    Victoria

    Hi webWahine,

    It is working on my end now.
    Image 2019-03-02 at 18.31.23.png

    Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

    March 2, 2019 at 6:59 pm #1073677
    webWahine

    So sorry for the confusion but that’s not my site! I jumped on this post to ask the same question, but using menu-item-XX to target a specific button..
    On the contact page (in private content) I want the ‘FREE CONSULTATION’ button in the secondary menu to be another color when active. It’s menu-item-748.

    Thanks, again :)

    March 4, 2019 at 12:59 pm #1074337
    Nikko

    Hi webWahine,

    You can use this css code:

    #top #header #menu-item-748.current-menu-item > a {
    background: blue !important;
    color: #fff !important;
}

    Best regards,
    Nikko

    March 4, 2019 at 8:15 pm #1074503
    webWahine

    Perfect! Thank you so much :)

    March 5, 2019 at 2:00 am #1074571
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Change active secondary menu item background color’ is closed to new replies.