[Support request] extra white space on the sides and bottom of my website pages

Home Forums Support [Support request] extra white space on the sides and bottom of my website pages

Home Forums Support extra white space on the sides and bottom of my website pages

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1979462
    Mark

    I have created a GP site at Quin-wezeman.online.

    It seems that on some pages, there is a lot of white space on the sides and at the bottom. (for example on the “Contact” page)

    Can I eliminate this through the customizer, or do I need CSS?

    Thanks

    Mark

    #1979475
    David
    Staff
    Customer Support

    Hi there,

    to remove the white space from the sides of the page, you cans set the Customizer > Colors > Body –> Background to match your content background color.

    For the space below the footer this will occur when you have pages with short content. Theres a few ways to fix that. One would be this CSS:

    #page {
        min-height: calc( 100vh - 122px );
    }

    It will set the height of the page content too 100vh ( thats 100% of the viewport height ) minus 122px which is the height of your header/nav + the footer bar.

    #1980253
    Mark

    David,

    That CSS works perfectly on all of the top level pages in the menu.

    However, if I click the button for “Vocal Performances” or the button for “Theater Performances” on the home page, I am taken to a page that still has the white area. Is there different CSS needed to target these pages?

    Thanks

    Mark

    #1980280
    Mark

    David,

    Please discard my last comment. I figured out the problem.

    Mark

    #1980287
    David
    Staff
    Customer Support
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.