Can't change menu color using Custom CSS feature

  • Resolved ropyro

    (@ropyro)


    8 years, 9 months ago

    Hello,

    I am using Ribosome for our organization’s website. We are trying to change the menu from the default black to a different color (00988F). I’ve searched through the forums and dropped the following codes found from other people’s solutions, into my CSS, and then not be able to get the change I wish.

    {.navigation{background-color: #00988F}

    and

    #access{background: #00988F}

    and another one, to no avail.

    Would anyone be able to help out?

Viewing 9 replies - 1 through 9 (of 9 total)

  • Add this in custom css and it will work.

    .main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
    background-color: #00988F !important;
}

    see if this works for you. 

    .nav-menu ul{

  background-color: #00988F;
}

    You should test it at difference sizes because your theme is responsive.

    Thread Starter ropyro

    (@ropyro)

    Mr. Tom, I tried your code, and nothing happened.

    Core Designers.net, thank you! Yours did the trick!

    Thank you both for your help!

    Thread Starter ropyro

    (@ropyro)

    Well now this leads to a curious pickle.

    When I’m on the page (let’s say documents) that text becomes invisible from the menu, though it’s still there and clickable. Thoughts?

    https://creatingourcommonwealth.org/documents/

    the text color is set to the same value as your background also the selected item is set to this color. Try this code to see if it fixes your problem.
    selected item

    #site-navigation .current-menu-item a {
    color: black;
}

    active and over items

    li.menu-item a:hover, li.menu-item a:focus, li.menu-item a:active {
    color: black;
}

    Thread Starter ropyro

    (@ropyro)

    That worked perfectly, Mr Tom – Thank you!

    hi there I’m having the same problem…i cant see the menu items if I’m navgating to other page. i have tried to change the colour with no luck…i also don’t mind it white but i need the pic to be all the way to the top.(it was ok but something went wrong..)

    thank you!

    Hi – have had same problem half solved with coredesigners code but it seems there are two colour elements of the menu bar of my site https://doublemaison.fr/
    .. am trying to get rid of the turquoise!!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Can't change menu color using Custom CSS feature’ is closed to new replies.