WordPress.org

Ready to get started?Download WordPress

Forums

Iconic One
[resolved] [closed] Change Menu Color (13 posts)

  1. rudikb
    Member
    Posted 9 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 9 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 9 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 9 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 9 months ago #

    This should change the color of the search button.

    #searchsubmit {
        background-color: #000000;
        color: #FFFFFF;
    }
  6. schmalfinga
    Member
    Posted 9 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 9 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 9 months ago #

    Thanks a lot! It works perfectly :-)

  9. retro64
    Member
    Posted 3 months ago #

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

  10. theyogislash
    Member
    Posted 3 months ago #

    Thank you Jesin A! Big help.

  11. Emsie
    Member
    Posted 1 month ago #

    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 ;)

  12. Jesin A
    Member
    Posted 1 month ago #

    Hi Emsie, please share your site's URL.

  13. Andrew
    Forum Moderator
    Posted 1 month ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.