[Support request] How to equalize bottom of element boxes?

[Tracy]

Here’s a screenshot (its very zoomed out in the browser so you can see what I’m talking about): http://cloud.smpl.ro/e597f256cfcc

I’m wondering how I can equalize the bottoms of the content boxes… depending on the page, sometimes the content of the main area is longer than the sidebar, and sometimes the sidebar content is longer than the main area. I’m wondering how I can make it so that the bottom of the white boxes will match on every page… so if the sidebar has more content, the main area has a bunch of white space below the content to make up for it, and vice versa.

Thank you! 🙂

[David]

Hi there,

try this CSS – we have to add the color here and the box-shadow:

@media (min-width: 1024px) {
    .site-content, .site-content > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .site-content .site-main, .site-content .right-sidebar {
        background-color: #fff !important;
        -webkit-box-shadow: 0 0 60px rgba(0,0,0,0.05);
                box-shadow: 0 0 60px rgba(0,0,0,0.05);
    }
}

And on this CSS you need to remove the .inside-article:

.inside-article,
.sidebar .widget,
.comments-area {
	box-shadow: 0 0 60px rgba(0,0,0,0.05);
}

[Author]

Posts