I want to change the color of my sidebar, how to do?

• 

  volretniv · Member · May 14, 2011 at 8:02 am

  • Copy link
  • Add topic to favorites

  I have a problem with the visibility of my sidebar. Is there any way to change the color of the text and title?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · May 14, 2011 at 8:44 am

  • Copy link

  We need a link to the site you are talking about.

• 

  volretniv · Member · May 14, 2011 at 9:37 am

  • Copy link

  the link is: http://atjonaspunktcom.wordpress.com/

  Thanks!

  /Jonas

• 

  thesacredpath · Member · May 14, 2011 at 10:03 am

  • Copy link

  This should get you started. The colors for the text are just placeholders. I made the sidebar border and background colors match the content area. You can of course change all that as you desire.

  #sidebar {
  background: none repeat scroll 0 0 #FFFFFA;
  border: 3px solid #D0CBB5;
  margin-left: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  }
  
  #sidebar ul li a {
  color: #000000;
  }
  
  #sidebar ul li a:hover {
  color: #CC0000;
  }

• 

  mkalina · Member · May 14, 2011 at 10:05 am

  • Copy link

  It looks like as if your sidebar does not have any background-color defined. If you have the custom CSS-upgrade, define #sidebar with a color contrasting to the text’s color…

• 

  thesacredpath · Member · May 14, 2011 at 10:06 am

  • Copy link

  On another note. Your background image is great, but at 2.8mb it is way too large (file size). You want to optimize it for the web so that it is no more than 100 or 150k at the most so your site loads fast for those on slower internet connections.

• 

  volretniv · Member · May 14, 2011 at 10:18 am

  • Copy link

  Is CSS free?

  thesacredpath: do I have to paste the code in CSS or is there another way? IT looks exactly like I wanted! Thanks!

• 

  thesacredpath · Member · May 14, 2011 at 10:23 am

  • Copy link

  I was thinking you had the CSS upgrade from looking at your source code. Yes, you would need the CSS upgrade. You can use the preview function at appearance > edit CSS to see what it looks like at least.

• 

  volretniv · Member · May 16, 2011 at 10:46 pm

  • Copy link

  Thank you all!

• 

  thesacredpath · Member · May 16, 2011 at 11:29 pm

  • Copy link

  You are welcome.