I get a lot of questions about modifying the look of various Twenty Ten theme elements, so I have put together a little “cheat sheet” of the most common CSS classes in the theme.
WordPress Twenty Ten Theme CSS Cheat Sheet
I have mostly just listed the class names, but for some of the more popular modifications, like the black border on the header image, I have also listed the CSS code.
Where only the class name is listed, you can search through the style.css file for the element you wish to modify. For instance, if you want to change the color of the navigation menu you will find #access listed a number of times, so you will need to locate the once with the background: #000; element.
This is wonderful info. I am having trouble shortening up the wrapper white area on the bottom of my page and I am not sure what to suggest. Any ideas?
http://hotflashcommunications.com/clients/
Hey Karen – it is the padding in your #wrapper class, just reduce the 20px to something more to your liking.
#wrapper {
…
…
padding: 20px 0;
}
I see. thanks for you help. One more question. The white spacing after the text body is so long on these pages! http://hotflashcommunications.com/aboutus/ But i need to have some space before the blue bar so i can’t shorten the #content margin bottom b/c that takes out all my space on the shorter pages like http://hotflashcommunications.com. Any ideas? Thank you so much!
Thank Roy! That will come in handy
very nice job. I think there is already a Twenty Ten Theme in psd with layer as cheat sheet. Please check this out. This might help you also.
http://www.mightymeta.co.uk/wordpress-twenty-ten-layered-psd/
Very cool, thanks!
I was going to ask the same thing, but I’ll just link to the post instead. It’s a great visual reference tool for anyone starting out with their own Twenty Ten theme. Thanks for this post.
can i share this in my blog,,
many tutor i can get from this..