Site logo

[Support request] blank space on the left and right of the page

Home Forums Support [Support request] blank space on the left and right of the page

Home Forums Support blank space on the left and right of the page

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #2574042
    Dev

    Hello,

    Please check the screenshot URL: https://prnt.sc/61W_eQqccPyA

    There is some grey space on the left and right of each page; why is it there? Due to that, the page design looks bad.

    Could u please tell me how I can remove that?

    #2574111
    David
    Staff
    Customer Support

    Hi there,

    go to Customizer > Colors and set the body color to white

    #2574140
    Dev

    Hello,

    But in the Customizer, my body color is already white. Even after that this issue is there.

    #2574339
    David
    Staff
    Customer Support

    Go to the Customizer > Additional CSS.

    Do you see this code:

    .inside-article, .sidebar .widget, .comments-area {
        border-right: 2px solid rgba(0,0,0,.07);
        border-bottom: 2px solid rgba(0,0,0,.07);
        box-shadow: 0 0 10px rgba(232,234,237,.5);
    }

    If Yes – delete it.

    #2574519
    Dev

    Hello,

    I located that CSS Code in the Additional CSS and deleted it. But the same problem is there.

    #2574529
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the page in question?

    You can use the private information field:
    https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

    Let me know 🙂

    #2574550
    Dev

    Hello,

    I have added the website/that page URL in the Private box.

    #2574571
    Ying
    Staff
    Customer Support

    Your body background color is set to base which is #fafafa, not#ffffff(white).
    https://www.screencast.com/t/vNkzMx7Ihpa

    #2574986
    Dev

    Hello,

    The grey space issue on the left and right has been resolved.

    But at the bottom, below the footer (black), there is a white blank space. It is still there. How I can remove that?

    https://prnt.sc/61W_eQqccPyA

    #2574993
    Fernando
    Customer Support

    Hello there,

    The space there is because there’s not much content on your page.

    You can set a min-height to the content to override this.

    Try adding this through Appearance > Customize > Additional CSS:

    .content-area {
        min-height: calc( 100vh - 276px );
    }
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.