WordPress.com Forums » Topic: Editing Twenty Ten menu look

cmax1088 on "Editing Twenty Ten menu look"

cmax1088 — Sat, 13 Oct 2012 20:53:03 +0000

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

designsimply on "Editing Twenty Ten menu look"

designsimply — Sat, 13 Oct 2012 18:00:45 +0000

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!

designsimply on "Editing Twenty Ten menu look"

designsimply — Sat, 13 Oct 2012 17:59:11 +0000

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/

cmax1088 on "Editing Twenty Ten menu look"

cmax1088 — Thu, 11 Oct 2012 20:34:10 +0000

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.