Plugin documentation instructs to copy style file to theme’s directory, rather than edit it in place (which would make it incompatbile with updates and such). Other than that this seems like CSS issue and has little to do with WordPress. Some time with Firebug+Firefox or other debug tool usually solves such.
A width of 950-960px should be ok for most screen resolutions. Css Frameworks/Libraries like blueprint, 960gs, etc. use the same width.
Try changing the style of: .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ padding: 5px 10px; color: #FFF; text-decoration:none } The white text colour appears to be coming from there.
You can use jQuery like this: jQuery(‘ul.children li:last’).addClass(‘last’); And then CSS it with: ul.children li.last { color: red; } Hope this helps. Good luck!
It’s because you’ve floated your image on line 745 of your CSS. You’ve cleared the span, but the margin property still won’t if there’s a floated element above… Change the margin to padding, that should fix it..
Register a second sidebar. Call it in your child theme where TwentyEleven calls the first one. Let it float and adjust the CSS for the first menu.
If you are using the nav menus you can just add specific categories from your administration panel in Apperence->menus. If you don’t see the categories box open “screen options” and check them to display. If you want dinamicly add them you will need to write a plugin.
After inserting the image, click it again and click the small edit window. You can then add inline CSS using the Advanced Settings already built into WordPress.
Couldn’t this be done by using plugins? Like this: http://wordpress.org/extend/plugins/wp-google-fonts/ http://wordpress.org/extend/plugins/font/
The / in header.png makes it look in the root directory. Try just doing background: url(header.png) #fff no-repeat;