Change Tabs Color with CSS
-
My blog, http://lageorgiapaperie.com, has tabs on the top that are green. I want to change them to #FEAEC9 from the rgb color scheme. Can someone tell me how to change them to that color and where to exactly put it in the CSS stylesheet?
Thanks.
The blog I need help with is: (visible only to logged in users)
-
Thos tabs are made up of two book-matched images. You have to create two new images that match the below 2 exactly in size.
http://s1.wp.com/wp-content/themes/pub/digg3/images/bg_tab_left.gif
http://s1.wp.com/wp-content/themes/pub/digg3/images/bg_tab_right.gifYou then upload those two new images to your media library, get the URLs of those images and replace the relative URLs in the below with your absolute URLs.
#menu ul li { background: url("images/bg_tab_right.gif") no-repeat scroll right top transparent; } #menu ul li a { background: url("images/bg_tab_left.gif") no-repeat scroll left top transparent; } -
Thanks a lot for your help, but I went a different route with it. I was wondering, do you know how to make the size of the body (the white part) wider?
-
Again, that is mostly a photoshop project. Here are the five images you have to recreate.
http://s1.wp.com/wp-content/themes/pub/digg3/images/bg_page_top.gif
http://s1.wp.com/wp-content/themes/pub/digg3/images/bg_page_bottom.gif
http://s1.wp.com/wp-content/themes/pub/digg3/images/bg_narrowcol_top.gif
http://s1.wp.com/wp-content/themes/pub/digg3/images/bg_narrowcol.gif
http://s1.wp.com/wp-content/themes/pub/digg3/images/bg_narrowcol_bottom.gifYou can however dump all those images and it will end up with a white area with square corners for the content area.
- The topic ‘Change Tabs Color with CSS’ is closed to new replies.