Sidebar is overlapping colored column of text

Comments

• Albert

  August 2015

  Hi Jenn,
  
  you can move this sidebar down with below css:

  .widget-area::before { margin-top: 70px !important; }

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• jennwilner

  August 2015

  Thanks!
  
  
• jennwilner

  August 2015

  Hi-
  That worked to get it away from the row, but now it overlaps the footer by 70px...
  
• Albert

  August 2015

  Sorry, you're right. This is really weird but it is not possible to cut the background from the bottom. So the only solution we have is to decrease sidebar background height. For that please use below css:

  .widget-area::before { margin-top: 70px !important; height: 90% !important; }

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• jennwilner

  August 2015

  Thanks for your quick response. Sorry if I am being a pain about this. That works great on the home page, but on the rest of my pages the background is now below the widgets because the other pages do not have the green row. Any way to just effect the home page and not the others?
  Jenn
  
• jennwilner

  August 2015

  One more thing...the "change the background color of the side bar" CSS doesn't work in Chrome (I am on Mac) so I might not be able to change anything. I took it off for now, in case my client is looking.
  
• Albert

  August 2015

  If above css does not work as you want, then please try below css. But if this won't help, then we do not have anything else unfortunately at this moment to control sidebar height:

  .aside_right .widget-area {
      margin-bottom:80px;
      padding-top: 80px;
  }

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next