Expound Sidebar Color

• 

  stephenbass1 · Member · Mar 22, 2014 at 4:55 am

  • Copy link
  • Add topic to favorites

  Is there anyway to make the sidebar a slightly different color such as beige or a very light blue as to emphasize my content? And maybe put a line in between the side bar and the content?

  Here is a page example:

  http://the-life-study.org/2014/03/20/make-time-yours-5-steps-for-better-time-management/

  Thank you!!

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

• 

  hfzrhmn · Member · Mar 22, 2014 at 7:46 am

  • Copy link

  Hi,

  Try using the following CSS:

  /* Beige background color */
  #secondary {
  	background: #f5f5dc;
  }
  
  /* Add border and a bit of padding on larger screens */
  @media (min-width: 901px) {
  	#secondary {
  		border-left: 1px solid #eee;
  		padding-left: 20px;
  		width: 239px;
  	}
  }

• 

  stephenbass1 · Member · Mar 22, 2014 at 9:21 pm

  • Copy link

  wow. Thank you so much for your help! I wish I knew CCS good enough to be able to do those things, but I’ll get there.

  If I wanted to add, say, a thin, black line, would that be possible? If I wanted to change it so light blue, would I just insert that where beige is?

  Thank you for your help!

• 

  stephenbass1 · Member · Mar 22, 2014 at 9:22 pm

  • Copy link

  Or a darker biege?

• 

  hfzrhmn · Member · Mar 22, 2014 at 11:34 pm

  • Copy link

  Yes, the part that says #xxxxxx or #xxx is the color (in hex code). You can get the hex code for any color here http://html-color-codes.info/