WordPress.org

Support

Support » Themes and Templates » Twenty Eleven » hoover color doesn;t cover whole menu item

hoover color doesn;t cover whole menu item

  • Hi,
    First time creating my own theme.
    Created a child theme.
    Using Twenty Eleven as the parent theme.
    I changed the size of the navigation menu to 29 px.
    Found documentation to use the hoover control when mouse placed over menu items.

    Problem: when you hoover over the menu item, the hoover color only covers about 80%. I need to keep the navigation height at 29px for this project.

    Also I am trying to make the menu items font bold and I do not ger any results.

    I am including my CSS for the child theme.

    The website link is: http://13009.duvosoftware.com/

    /*
    Theme Name: Twentyl Eleven Child
    Description: Child Theme for the Twenty Eleven theme
    Author: Paul Miller
    Template: twentyeleven

    (optional values you can add: Theme URI, Author URI, Version)
    */

    @import url(“../twentyeleven/style.css”);

    /*
    #access {
    background: -moz-linear-gradient(#252525, #0A0A0A) repeat scroll 0 0 transparent;
    }
    */

    #access {
    background: none repeat scroll 0 0 #26639E;
    }

    #access li {
    margin-bottom:7px;
    }

    #access ul {
    font-size: 12px;
    //font-size: 1.0em;
    font-weight:bold;
    }

    #access a {
    height: 29px;

    }

    #access li:hover > a,
    #access ul ul :hover > a,
    #access a:focus {
    background:#3884CF; /* changes bg color of drop-down menus that have the mouse over them */
    color: #ffffff;/* changes text color when moused over */
    }

    #access div {
    float:left;
    margin-left: 29px;

    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    Thought about adding a margin bottom value of zero to the <li>?

    Moderator Jose Castaneda

    @jcastaneda

    THEME COFFEE MONKEY

    I want to say that it is the height of the anchor link ( #access a ) that is not set properly. You want it to be 37px. So line 32 would read:

    #access a { height: 37px; }

    And you can remove the margin-bottom from line 22. 🙂 Hope it helps a little.

    To Andrew Nevins and Jose Castandeda.

    I tried both, but it made no difference.
    Thank you, I appreciate how fast you guys responded.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘hoover color doesn;t cover whole menu item’ is closed to new replies.
Skip to toolbar