content-area full height ?

[Eaydman]

Hi,

My sidebar is often bigger then my blogpost.

See screenshot: https://share.getcloudapp.com/xQuLeQD6

Is it possible somehow to make the content-area and sidebar equal heights ?

[David]

Hi there,

can you share a link to your site ? You can do so privately by editing the original topic and using the Site URL field.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Eaydman]

I have edit the Site url.

But i have made a quick fix by adding this:

body.single-post {
background: -webkit-gradient(linear, left top, right top, color-stop(26.5%, #efefef), color-stop(26.5%, white));
background: linear-gradient(90deg, #efefef 26.5%, white 26.5%);
}

But have you a better way ?

[David]

Where can i see that test post ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Eaydman]

Check the post topic URL 🙂

[David]

For me that URL – the content is as long as the sidebar and theres the comments container in addition to that.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Eaydman]

Yes because I added that body.single-post background color.

Is im looking for a way of making content-area and sidebar equal height

[Tom]

Hi there,

Give this a shot:

@media (min-width: 769px) {
    .site-content {
        display: flex;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Eaydman]

No it does not work when I add:

@media (min-width: 769px) {
.site-content {
display: flex;
}
}

[David]

Try this CSS:

@media(min-width: 768px) {
    .site-content, .site-main {
        display: flex;
        height: 100%;
    }
    .site-main .inside-article {
        height: calc( 100% - 65px );
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Eaydman]

Thanks that works 🙂

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts