Minimum Height?

  • Richard

    (@richardfadok)


    7 months, 1 week ago

    Does anyone have advice for a CSS snippet that would set a minimum height for my entire site? Most pages have enough content, but on some shorter pages (linked), I’m seeing white space at the bottom that I would like to have covered with the background color I have set.

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Moderator mizantium

    (@janmtm)

    Hi @richardfadok !

    I see that for your main body div (with class entry-content), there was a min-height setting that is using pixels (555px).

    It is more likely to work the way that you intend, if you use vh instead, more like this:

    <div style="min-height:100vh;" class="entry-content wp-block-post-content is-layout-flow wp-container-core-post-content-is-layout-1 wp-block-post-content-is-layout-flow">
    ...Body content inside this div...
    </div>

    The key change here is this, in the ‘style’ tag:

    min-height:100vh;

    Hope that helps!

Viewing 1 replies (of 1 total)
  • The topic ‘Minimum Height?’ is closed to new replies.