Twenty eleven child theme menu color change

• 

  fappd · Member · Nov 2, 2015 at 9:48 am

  • Copy link
  • Add topic to favorites

  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!!!!

• 

  thesacredpath · Member · Nov 2, 2015 at 9:18 pm

  • Copy link

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

  For general questions on self-hosted WordPress.org installations, visit http://wordpress.org/support/.

  The differences between WordPress.com and WordPress.org.

• 

  thesacredpath · Member · Nov 2, 2015 at 9:22 pm

  • Copy link

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

  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