Change margin width and colour

• 

  grainnep · Member · Apr 15, 2012 at 8:25 am

  • Copy link
  • Add topic to favorites

  I have CSS upgrade and am using the Chateau theme. I wish to change the margin style from a double line to a solid thicker line and to add it to the top and bottom of the columns and not just on the sides as it currently is. The effect I am looking for is a box around the two columns
  My blog is http://www.oliveoilandlemon.ie

  Thanks

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

• 

  shingokko · Member · Apr 15, 2012 at 7:45 pm

  • Copy link

  Try adding this line of CSS to the bottom of the style sheet:
  
div.content-sidebar #primary
{
border: solid 3px #ddd;
}
div.content-sidebar #content
{
border-right-style: solid;
}

  Hope this works

• 

  designsimply · Member · Apr 18, 2012 at 8:18 pm

  • Copy link

  I see that you added a border around each post using this CSS:

  .post,div.page {
  	border:5px solid #5df7a2;
  }

  If you also wanted to remove the double line to the right of the content, add this to your Appearance → Custom Design → CSS page:

  .content-sidebar #content {
  	border-right: none;
  }