Change Tabs Color with CSS

• 

  linztaw · Member · Feb 3, 2011 at 1:02 am

  • Copy link
  • Add topic to favorites

  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)

• 

  thesacredpath · Member · Feb 3, 2011 at 2:14 am

  • Copy link

  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.gif

  You 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;
  }

• 

  linztaw · Member · Feb 9, 2011 at 1:32 am

  • Copy link

  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?

• 

  thesacredpath · Member · Feb 9, 2011 at 1:54 am

  • Copy link

  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.gif

  You can however dump all those images and it will end up with a white area with square corners for the content area.