Extend Sidebar Background-Color to Reach Footer

[Brookebot]

I am banging my head against a wall here. I feel like a total idiot because I can’t figure this out. I know it probably has a super simple solution, but I’ve spent over an hour trying to figure it out and I’m past ready to ask for help.

Could you please look at the link I provided and tell me how to extend the left sidebar background color until it disappears behind the footer? Please also see attached image for more detail. Thank you so very much! I really appreciate any help you can offer! I know a SwiftIdeas brain will work better than mine.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

It’s actually quite difficult, so don’t feel like an idiot. Actually took me a while to figure out! First remove the margin for this in your custom css:

.sidebar {
  background-color: #00044e;
  margin: -69px 0 0 -15px;
  padding: 80px 15px 0 30px;
}

Then add this:

aside.sidebar {
  bottom: 0;
  left: 0;
  position: absolute;
  top: -20px;
}

– Kyle

[Brookebot]

Kyle you just made my day!
XOXOXOXO
Thank you! Thank you! Thank you!

[Kyle – SUPPORT]

No problem 🙂

[Kyle – SUPPORT]

No problem 🙂

[Brookebot]

This reply has been marked as private.

[Kyle – SUPPORT]

Try adding this to your custom css:

@media only screen and (min-width: 1025px) { 
#main-container .inner-page-wrap > .col-sm-9 {
  min-height: 1100px;
}
}

– Kyle

[Brookebot]

thank you!

[Kyle – SUPPORT]

No problem 🙂