WordPress.org

Ready to get started?Download WordPress

Forums

Iconic One
[resolved] Change Menu Color (8 posts)

  1. rudikb
    Member
    Posted 5 months ago #

    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..

  2. Jesin A
    Member
    Posted 5 months ago #

    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.

  3. VenturaVan
    Member
    Posted 5 months ago #

    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.

  4. rudikb
    Member
    Posted 5 months ago #

    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..

  5. Jesin A
    Member
    Posted 5 months ago #

    This should change the color of the search button.

    #searchsubmit {
        background-color: #000000;
        color: #FFFFFF;
    }
  6. schmalfinga
    Member
    Posted 4 months ago #

    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!

  7. Jesin A
    Member
    Posted 4 months ago #

    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;
    }
  8. schmalfinga
    Member
    Posted 4 months ago #

    Thanks a lot! It works perfectly :-)

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.