Editing Twenty Ten menu look

  • Author
  • #1039234


    I have been searching for how to change the style/look of the menu in Twenty Ten and can not find anything beyond font and color. I’m interested in things like shading and borders to give the menu a sense of depth/texture/something.

    The blog I need help with is shebagreencleaning.org.


    Here’s an example for how to add a bottom border and a bottom shadow to the menu in the Twenty Ten theme:

    #access {
    	border-bottom: 2px solid blue;
    	-webkit-box-shadow: 0px 4px 5px rgba(25, 25, 25, 0.25);
    	-moz-box-shadow:    0px 4px 5px rgba(25, 25, 25, 0.25);
    	box-shadow:         0px 4px 5px rgba(25, 25, 25, 0.25);

    Not that box-shadow is a CSS3 property and so it won’t work on older browsers.

    I used this handy little site to figure out what box-shadow properties to add:


    To learn more about CSS, you should check out this beginner tutorial:

    There’s lots of neat stuff you can do with CSS!



    Thanks for the reply! Been checking out sites but learning slowly. Going to use these for sure.

The topic ‘Editing Twenty Ten menu look’ is closed to new replies.