WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Eleven
hoover color doesn;t cover whole menu item (4 posts)

  1. pmiller1956
    Member
    Posted 1 year ago #

    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;

    }

  2. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

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

  3. Jose Castaneda
    Member
    Posted 1 year ago #

    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.

  4. pmiller1956
    Member
    Posted 1 year ago #

    To Andrew Nevins and Jose Castandeda.

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic