The Bootstrap
[resolved] Removing or decreasing the margin between page content and footer (3 posts)

  1. opticom_erik
    Posted 3 years ago #


    To start with, thank you for making this template! Me and my colleague have built the website for our company without consulting professional web designers, learning as we go along.

    There is one thing with the structure I haven't been able to change, namely the margin between the page content and the footer. Our website has a large margin at the bottom of every page or posts list page.

    How do I remove or adjust the height of that whitespace for all pages? Is it a css thing, or php? In the webkit inspector, it highlights on </article> (in orange) and on </section>.

  2. WPyogi
    Forum Moderator
    Posted 3 years ago #

    That seems to be the margin in this CSS:

    #author-info, article.post, article.page {
        margin-bottom: 72px;

    Hopefully you have a custom CSS set up -- in which case you can add the above code and change the margin.

  3. opticom_erik
    Posted 3 years ago #

    Many thanks, WPyogi! Changing this in my min.css did the trick.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic