CHANGING MENU APPEARANCE IN TWENTY TEN

How would I change the font color and background colour of the navigation bar?

To see how the gist of the menu styles in Twenty Ten, check the original stylesheet and look for the « =Menu » section.

You can change the top navigation background and font colors with this CSS:

#access 
 { background: #fff; 
 } 

#access a 
 { color: #000; 
 } 

#access ul ul 
       { box-shadow: 0px 3px 3px rgba(255,255,255,0.2); 
         -moz-box-shadow: 0px 3px 3px rgba(255,255,255,0.2); 
         -webkit-box-shadow: 0px 3px 3px rgba(255,255,255,0.2); 
       } 

#access ul ul a 
      { background: #fff; 
      } 
#access li:hover > a, 
#access ul ul :hover > a 
       { background: #ddd; color: #333; 
       } 
#access ul li.current_page_item > a, 
#access ul li.current_page_parent > a, 
#access ul li.current-menu-ancestor > a, 
#access ul li.current-menu-item > a, 
#access ul li.current-menu-parent > a 
        { color: #000; 
        } 

* html #access ul li.current_page_item a, 
* html #access ul li.current_page_parent a, 
* html #access ul li.current-menu-ancestor a, 
* html #access ul li.current-menu-item a, 
* html #access ul li.current-menu-parent a, 
* html #access ul li a:hover 
      { color: #666; 
      }

Adjust the colors as necessary. See this page for more info about colors:http://www.w3.org/TR/css3-color/#svg-color

Publicités

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s