[Resolved] How to extend main content container to full lemght site

[Marek]

Hello
Like in the title, can you help me how to make lenght of the content container to full lenght of page?

In simple words, I want to make my site layout as similar as possible to this site: http://www.pomoc-monice.org, my current work based on your wordpress theme is located here – https://www.beta.pomoc-monice.org/

On the original site you can see that the brighter part is fully expanded to the site footer and on my wordpress theme it covers only till text ends.

Also, how can I limit footer lenght to the page height and not allow to use netire screen, also… in reference please see http://www.pomoc-monice.org and compare it with current work at https://www.beta.pomoc-monice.org

sorry for my poor english

[Tom]

Hi there,

You could try something like this:

.site-content {
    display: flex;
}

.sidebar {
    background: #e1d9b9;
}

#main,
#main article,
#main article .inside-article {
    height: 100%;
    margin-top: 0;
    box-sizing: border-box;
}

 .site-footer {
    margin-top: 15px;
}

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

[Marek]

It works but when you check old page (www.pomoc-monice.org) you can see that footer is separated about 10px between main layout. I tried to achieve this on layout>footer>padding options but this is not working, can you help with that?

[Marek]

also I checked that your CSS code work properly only on main page, other pages crashes like this:

https://www.beta.pomoc-monice.org/aktualnosci
https://www.beta.pomoc-monice.org/o-monice
https://www.beta.pomoc-monice.org/historia-choroby

and to compare main page: https://www.beta.pomoc-monice.org/

[Tom]

I just adjusted the CSS above: https://generatepress.com/forums/topic/how-to-extend-main-content-container-to-full-lemght-site/#post-652902

Let me know 🙂

[Marek]

It worked ok until I add 2 sections. On the main page I want to have static content (some description of that person who needs help) and below that I want to display most recent posts. So I created 2 sections called treść = static content and another called aktualności = the section with news, and to display news I installed WP Show Posts but after I clicked on submit the main page crashed and you can see the effect on https://www.beta.pomoc-monice.org

or maybe there is another method to achieve that without using sections?

[Tom]

That page looks good to me – did you manage to get this fixed?

Let me know 🙂

[Marek]

Yes – I finally installed elementor and arranged by it. BTW, will there be any conflicts between GeneratePress and elementor?

[Tom]

There shouldn’t be – many people use the two together successfully 🙂

[Marek]

OK so as of now I think that my problem is solved

[Tom]

Awesome 🙂

[Author]

Posts