Css change not appearing

  • Resolved Anonymous User 9824923

    (@anonymized-9824923)


    6 years, 3 months ago

    Hello. I’m trying to change the blue from my drop down menu to #708090. I already made the change on the style.css but it stills not changing. I used

    .dropdown-menu > li > a {
    padding: 10px 15px;
    color: #708090;
    }

    Directly on the .css and nothing happens.
    And how I change the white from the background dropdown-menu?

    Best regards,

    Irina Sopas

    The page I need help with: [log in to see the link]

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

  • To change an element in it’s hover state you have to use the :hover selector

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #a4397d;
    background-color: #708090;
}

    To change the dropdown background color add this:

    
.dropdown-menu {
    background-color: #fff; 

}

    replacing #fff with your color of choice

    Thread Starter Anonymous User 9824923

    (@anonymized-9824923)

    Wow! You rock man hahaha. Do you mind if I copy to my LEARNING WORDPRESS (word) your explanation? Not only the code.

    Look look what I did with your lesson:

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .text-color > li > a:hover .dropdown-menu > li > a:focus {
    color: #ffffff;
    }

    Changed that horrible purple to white.

    You’re the man!

    THANK YOU SO SO MUCH

    Cheers –

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Css change not appearing’ is closed to new replies.