Menu – CSS Classes (optional)

  • Paul44

    (@paul44)


    15 years ago

    Can someone PLEASE explain exactly what CSS Classes (optional) is in the Menu Section and provide some examples of it’s use. I am trying to get a different Background Color for the Menu Item ‘onmouseover’. Can someone please explain how this can be done, hopefully without re-writing <php> code…
    Thanks,
    Paul

Viewing 6 replies - 1 through 6 (of 6 total)
  • Michael

    (@alchymyth)

    15 years ago

    link to your site?

    this is theme specific.

    http://www.w3schools.com/css/css_link.asp

    Thread Starter Paul44

    (@paul44)

    15 years ago

    I have put my own Menu into WordPress 3.1.2 and under a Menu Item there is a CSS Classes (optional) where I placed a:hover {color:#FF00FF;} -but- when I save the Menu Item it changes the codes to ahover colorFF00FF Whatever, the hover does not change the color. My site is using the default Twenty Ten 1.2 template, although I am thinking about going to the Suffusion Template. The site address is thecountyjail.com Thanks for your help.
    Paul

    Phil

    (@owendevelopment)

    15 years ago

    open your stylesheet (style.css) from the Appearance –> editor.

    Line 429:

    #access li:hover > a, #access ul ul *:hover > a {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
}

    Change the #333333 to whatever you want.

    Phil

    Thread Starter Paul44

    (@paul44)

    15 years ago

    NOW – that’s exactly what I needed.
    Thanks,
    Paul
    (learning – very slowly) 🙂 🙂 🙂

    Thread Starter Paul44

    (@paul44)

    15 years ago

    Another dumb css question.
    I am now trying to work on a Suffusion Theme site that has css:
    #nav ul {
    list-style: none;
    list-style-type:none;
    display: block;
    margin: 0 0 -1px 0;
    padding: 0;
    float: left;
    vertical-align: bottom;
    }

    #nav ul li {
    margin: 0 4px 0 0;
    padding: 0;
    float: left;
    border: 1px solid #009000;
    }
    #nav.continuous ul, #nav-top.continuous ul {
    margin-left: 10px;
    }
    #nav.continuous ul ul, #nav-top.continuous ul ul {
    margin-left: 0;
    }
    #nav.continuous ul li {
    margin: 0;
    border: none;
    }

    #nav ul li a {
    padding: 8px 8px 5px 8px;
    text-decoration: none;
    color: #222;
    display: inline-block;
    }

    #nav ul ul li,
    #nav ul ul li a {
    z-index: 100;
    }

    #nav .current_page_item a,
    #nav .current_page_item a:hover,
    #nav li a:active {
    text-decoration: none;
    }

    /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
    #nav li {
    float:left;
    position:relative;
    z-index: 1;
    }

    #nav li a:hover,
    #nav li:hover,
    #nav li.sfHover {
    z-index: 100;

    I have changed the #nav li a:hover, about ### times and I guess I just don’t have a grasp on css. How can I get the Hover to show the background color of 0051d0 and preferably Bold.
    Thanks again for your help,
    Paul

    Thread Starter Paul44

    (@paul44)

    15 years ago

    Also the Menu has something called
    CSS Classes (optional)
    and when I put in background yellow color black
    -or I also tried background-color Blue
    -but- they don’t do anything to the Menu Button
    Any (Help / Suggestions) would be appreciated.
    Thanks,
    Paul

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

The topic ‘Menu – CSS Classes (optional)’ is closed to new replies.