Line between post and widgets area?

• 

  aliceheavey · Member · Dec 12, 2010 at 5:48 pm

  • Copy link
  • Add topic to favorites

  I’d like a line between the post area and the widget area, like in this blog: http://chloeschuterman.chic.se/. Is it possible w/ CSS?

  my blog is aliceheavey.wordpress.com

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

• 

  raincoaster · Member · Dec 12, 2010 at 7:04 pm

  • Copy link

  Yes, but before you buy the upgrade, practice your CSS changes with the free preview feature. You’re pretty much on your own with CSS.

• 

  thesacredpath · Member · Dec 12, 2010 at 7:08 pm

  • Copy link

  This will put a border on the left of the sidebar and it spaces the text in the sidebar to the right a little so it is not right against the border. You can change the hex color code and the width.

  #primary, #secondary {border-left: 1px solid #000000; }
  #main .widget-area ul {margin-left: 10px; }

• 

  aliceheavey · Member · Dec 12, 2010 at 11:57 pm

  • Copy link

  Thanks! :-) Do you also know how to put lines between the widgets like in that blog?

• 

  thesacredpath · Member · Dec 13, 2010 at 12:36 am

  • Copy link

  This will do that.

  .widget-container {border-bottom: 1px solid #BABABA; }

• 

  aliceheavey · Member · Dec 13, 2010 at 1:30 am

  • Copy link

  Thanks again:)

• 

  thesacredpath · Member · Dec 13, 2010 at 1:35 am

  • Copy link

  You’re welcome.