Twenty eleven child theme menu color change

  • Author
  • #2492447


    I try to change the menu color of the twentyeleven theme by writing the below li9ne in the css of the childtheme:
    #access {
    background: #A72608; /* Show a solid color for older browsers */
    background: -moz-linear-gradient(#DB7C2A, #A72608);
    background: -o-linear-gradient(#DB7C2A, #A72608);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DB7C2A), to(#A72608)); /* older webkit syntax */
    background: -webkit-linear-gradient(#DB7C2A, #A72608);
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    clear: both;
    display: block;
    float: left;
    margin: 0 auto 6px;
    width: 100%;

    The problem is that the changes are reflected on ie and chrome but not on firefox!!!!


    Hi @fappd, it looks like you are using WordPress but you are not hosted here at For self-hosted WordPress sites such as yours using Twenty Eleven, I would suggest posting to the Twenty Eleven support forum.

    For general questions on self-hosted installations, visit

    The differences between and


    I took a quick peek at Twenty Eleven, and for the background color of the navigation, you would want to target

    For the text color you would want to target
    #access a
    And there is also the hover color for the menu items which is in
    #access li:hover > a, #access a:focus

The topic ‘Twenty eleven child theme menu color change’ is closed to new replies.