change side bar color

• 

  axisconsultancy · Member · Jun 22, 2015 at 3:33 pm

  • Copy link
  • Add topic to favorites

  How can a change the side bar background color

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

• 

  staff-jeanpierreac · Staff · Jun 23, 2015 at 6:39 am

  • Copy link

  Hi there.

  First, the selector. Your sidebar is called #secondary.

  Second, the statement to apply to the selector. The keyword is background-color and the parameters can be expressed in terms of rgb values (If you need help to choose your rgb values, I suggest you to take a look here). I put red in the code, so rgb(255,0,0).

  Third, once you change background color you can see that content inside is be very close to the top-border. If you change sidebar background color it would probably look better if you add a gap between this top-border and the ‘Free Knowledge’ pic. (This is the padding-top statement I added to the css code. You can delete it if it is not what you expect or make it bigger).

  Ok. And here it is the css magic:

  #secondary  {
      background-color: rgb(255,0,0);
      padding-top: 15px;
  }

  I hope this helps.