[Resolved] Content box in content/sidebar layout does not extend to meet footer

[Michael Harvey]

Hello

I approached you with this little problem way back and you wrote a little hook for me to correct it but I am now experiencing the same problem.

The home page is set out with a right-hand side bar which contains a widget that automatically displays an extract and thumbnail of the latest three blog entries. Thus the side bar does vary a little in height but usually the content window adjusts so that there is no gap between it and the footer. This is not happening at the moment so the background is showing.

As I said, this happened some years ago and you wrote the following snippet of code for the wp_footer hook:
<!– Requires Spacing 0.9 or GeneratePress 1.1.10 –>
<style>
.inside-left-sidebar,
.inside-right-sidebar {
background: #95A87B;
}
</style>
<script type=”text/javascript”>
(function($) {

Now I’m on Premium 1.8.3 so that may not be working. I’ve tried disabling it but there is no improvement.

Can you please suggest a fix?

Many thanks

Michael

[Tom]

Hi there,

Give this CSS a shot:

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

    .content-area {
        background: #fff;
    }

    .sidebar {
        background: #95a87b;
    }
}

Let me know 🙂

[Michael Harvey]

Yes. This works. Added your code to home page in Customise>Appearance>Simple CSS and content window now meets with footer. As ever, many thanks.

Michael

[Tom]

You’re welcome 🙂

[Author]

Posts