Editing Twenty Ten menu look

  • Author
    Posts
  • #1039234

    cmax1088
    Member

    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.

    #1039334

    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:
    http://css3gen.com/box-shadow/

    #1039335

    To learn more about CSS, you should check out this beginner tutorial:
    http://www.htmldog.com/guides/cssbeginner/

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

    #1039348

    cmax1088
    Member

    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.