WordPress.org

Support

Support » Themes and Templates » Iconic One » [Resolved] Change Menu Color

[Resolved] Change Menu Color

  • Hi..thanks for the magnificent theme.
    I am wondering how to change menu color when mousehover. The default is light blue…i want to change it into something else.

    thanks so much..

Viewing 12 replies - 1 through 12 (of 12 total)
  • Use the following code in the custom CSS box of your theme or use a plugin like PC Custom CSS.

    .themonic-nav li:hover {
    background-color: #000000;
    }

    Change #000000 to your preferred color.

    VenturaVan

    @venturavan

    Why not just add a color picker for first level, second level, third level, and by category (seperate scheme for each category? I am so tired of paying for custom work for this. Should be a no brainer.

    Hi Jessin thanks for your help and sorry for the late reply.

    I mean to change the whole color of the menu and search button. Your previous script change only the menu highlighted.

    Please help..

    This should change the color of the search button.

    #searchsubmit {
        background-color: #000000;
        color: #FFFFFF;
    }
    schmalfinga

    @schmalfinga

    Hi Jesin!

    I use the iconic one theme and would like to change the color of my navigation bar.

    .themonic-nav li:hover {
    background-color: #000000;
    }

    <<< only changes the color of a link within the bar when I move my mouse over it. If I click on it, it turn to the standard blue…

    I need to change the color of the bottom line (going from left to right over the whole screen width) too, and the color of the links when clicked.

    CAn you help me? Thanks in advance!

    If I click on it, it turn to the standard blue…

    .themonic-nav .current-menu-item > a, .themonic-nav .current-menu-ancestor > a, .themonic-nav .current_page_item > a, .themonic-nav .current_page_ancestor > a {
      background-color: #000000;
    }

    I need to change the color of the bottom line (going from left to right over the whole screen width)

    Use this CSS

    .themonic-nav ul.nav-menu, .themonic-nav div.nav-menu > ul {
        border-bottom-color: #000000;
    }
    schmalfinga

    @schmalfinga

    Thanks a lot! It works perfectly 🙂

    none of these codes worked for me I’m still stuck with sickly turquoise

    Thank you Jesin A! Big help.

    Hi Jesin great info you have given there, everything worked perfectly except for this:

    .themonic-nav .current-menu-item > a, .themonic-nav .current-menu-ancestor > a, .themonic-nav .current_page_item > a, .themonic-nav .current_page_ancestor > a {
    background-color: #000000;
    }

    Just wondering have you any idea why?
    Oh and sorry rudikb for dropping in on your post but i’ve been trying to figure this out for days now and thought it would be pointless to make a new thread 😉

    Hi Emsie, please share your site’s URL.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    You can create a new thread here: http://wordpress.org/support/theme/iconic-one#postform

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Resolved] Change Menu Color’ is closed to new replies.
Skip to toolbar