Suit theme – lines between post and widget

• 

  littlebeautybuddha · Member · May 17, 2014 at 9:06 am

  • Copy link
  • Add topic to favorites

  Hello,

  could anyone tell me the CSS to put a dark grey faded line to seperate my main posts and the widget area?

  My site is http://www.littlebeautybuddha.wordpress.com

  thank you.

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

• 

  colorfultones · Member · May 17, 2014 at 5:48 pm

  • Copy link

  This should work:

  .site-main {
      position: relative;
  }
  div#main:before {
      position: absolute;
      height: 99%;
      width: 1px;
      background-color: rgba(0, 0, 0, 0.1);
      display: block;
      top: 4.6rem;
      left: 66%;
  }
  
  /* hide at smaller breakpoints and smaller devices */
  @media screen and (max-width: 959px) {
      div#main:before {
          display: none;
      }
  }