WordPress.org

Ready to get started?Download WordPress

Forums

Clean Retina
[resolved] Change color sub menu (12 posts)

  1. wushumasters
    Member
    Posted 1 year ago #

    Hi,

    How can i change the sub menu color with css?

    This is work for menus http://wordpress.org/support/topic/changing-the-blue-hover-color-on-links?replies=6

    Thanks

  2. Andrew Nevins
    Volunteer Moderator
    Posted 1 year ago #

    #access ul li ul li a:hover,
    #access ul li ul li:hover > a
  3. wushumasters
    Member
    Posted 1 year ago #

    With this code work

    #access ul li ul li a:hover,
    #access ul li ul li:hover > a {
    color: #f25800;
    padding-top: 16px;
    }

    But the border on the top of submenu dont change the color

    I put the code

    border-top: 5px solid #f25800;

    But when the mouse hover stayed with two colors

    sorry my english

    Thanks

  4. Andrew Nevins
    Volunteer Moderator
    Posted 1 year ago #

    It works on the demo website. If we can't see your webpage with the issue, we can't help with it.

  5. wushumasters
    Member
    Posted 1 year ago #

    http://lytux.com.br/wp351/

    On Cursos/Treinamentos

  6. Andrew Nevins
    Volunteer Moderator
    Posted 1 year ago #

    Where are you making your CSS changes?

  7. wushumasters
    Member
    Posted 1 year ago #

    Theme Options -> Custom Css

  8. Andrew Nevins
    Volunteer Moderator
    Posted 1 year ago #

    They look like they're working for me. What doesn't work on your screen?

  9. wushumasters
    Member
    Posted 1 year ago #

    When i put the mouse over Cursos/Treinamentos the border on the top of sub menu stay blue not orange

    The code is correct in my page?

  10. Andrew Nevins
    Volunteer Moderator
    Posted 1 year ago #

    Unless you tell the border to change colour;

    #access ul li ul {
     border-color: #f25800;
    }

    It won't change colour.

  11. wushumasters
    Member
    Posted 1 year ago #

    #access ul li ul {
    border-color: #f25800;
    }

    #access ul li ul li a:hover,
    #access ul li ul li:hover > a {
    color: #f25800;
    padding-top: 16px;
    }

    With this code work

    Thanks again

  12. goviral
    Member
    Posted 12 months ago #

    I have just tried the above code to change the menu and hover colour to red instead of blue but the changes didn't occur.

    I copied and pasted the code:

    #access ul li ul {
    border-color: #96110A;
    }

    #access ul li ul li a:hover,
    #access ul li ul li:hover > a {
    color: #96110A;
    padding-top: 16px;
    }

    into my Custom CSS tab in the theme options.

    The site is at:

    test.gowebgomobile.com

    Have tried to clear cache but not sure where to go now.

    Cheers

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.