Sandbox CSS customization

• 

  merlinpress · Member · Oct 15, 2009 at 10:47 am

  • Copy link
  • Add topic to favorites

  I’m a print designer struggling with CSS!

  Trying to create a portfolio website all based in wordpress,

  I’m currently at this stage— http://merlinmasondesign.wordpress.com/

  but for some reason can’t seem to color the sidebar white, any suggestions?
  Ideally the sidebar would have a nice 10px gap between it and the main content of the blog.

  this is the code I’m currently using:

  #sidebar {
  background-color:#fff;
  width:230px;
  float:left;
  overflow:hidden;
  border-top:5px solid #666666;
  border-bottom:5px solid #666666;
  margin:20px 0 30px -210px;
  padding:20px;
  }

  Any help would be greatly appreciated!

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

• 

  bsangel · Member · Oct 15, 2009 at 5:13 pm

  • Copy link

  Try replacing your “#sidebar” with “div.sidebar”. Then experiment with your margins via the 2nd and 4th numbers in your margin code.I don’t know if it will work but it’s worth a try!

• 

  merlinpress · Member · Oct 15, 2009 at 5:36 pm

  • Copy link

  bang-on, thanks!

  how strange…

• 

  devblog · Member · Oct 15, 2009 at 5:41 pm

  • Copy link

  div.sidebar"

  That’s an overkill. Just “.sidebar” should suffice.

  “#sidebar” and “.sidebar” are two different selectors. The former is an ID selector, the latter a CLASS selector. The former would be defined in the markup like this:

  <div id="sidebar">
  ...
  ...
  </div>

  The latter like this:

  <div class="sidebar">
  ...
  ...
  ...
  </div>

  Hope that clarifies things.

• 

  merlinpress · Member · Oct 16, 2009 at 7:22 pm

  • Copy link

  After looking into to it a bit further I discovered that the #primary and #secondary seem to control those boxes.

  I really don’t know what I’m talking about though. trying to learn!

• 

  devblog · Member · Oct 16, 2009 at 8:23 pm

  • Copy link

  trying to learn!

  That’s why I explained the difference between those selectors.