• Resolved kulius

    (@kulius)


    Hi there,

    so I have a small CSS problem. On every site of the website there is a gap maybe 50-80px white, that i don’t won’t to display. So I have tried finding die CSS class name of that box, but i can’t get it to work with

    (display: none; )

    So maybe you have an idea how I can get rid of that box.

    Would be really great.

    Thanks.

    Kind regards Julius.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Hi @kulius I spot-checked your site in Firefox/macOS but I’m not sure where to find the gap you’re referring to. Could you please provide a screenshot showing the gap so I can take a look? Thanks!

    Could you also please provide the following information:

    • device type (i.e. PC laptop, iPhone 13)
    • browser name & version
    • OS name & version
    Thread Starter kulius

    (@kulius)

    Hi there,

    I added a screen shot.

    Devices for edeting. (MacBook Pro, Windows 10 PC, Iphone 11 Pro Max)

    Browsers (most recent of Safari and Chrome)

    macOS venture 13.5, Windows 10 most recent

    Thanks for your help

    Here the screen shot:image001-2.png

    Thanks

    Moderator Kathryn Presner

    (@zoonini)

    Thanks for the screenshot, @kulius. Is the area I’ve outlined in red the space you’re trying to tighten up?

    Much of that space is coming from settings in your page builder – Visual Composer, looks like? – and not from the theme, or from WordPress core. Specifically, there’s a content wrapper section wth 8em of margin-bottom.

    So you’ll want to first look in your page builder settings for an option to reduce or entirely remove the space. If you get stuck, you can also check the plugin’s documentation or head to their support area and get help there.

    Once you’ve done that, if there’s any extra space left that you want to remove which is coming from Twenty Twenty itself, feel free to return here and I’ll be glad to have another look.

    Thread Starter kulius

    (@kulius)

    Hi there,

    so the WP Bakery team said to me that the gap is created by the Theme and not the builder.

    Even if it looks like that.

    Kind regards Julius

    Moderator Kathryn Presner

    (@zoonini)

    You can see here that it’s coming from the WP Bakery section:

    You can test this pretty simply, by creating another page without the page builder. This extra 8rem of bottom padding won’t be present.

    You can see this here on my test site. This is the default amount of space below the main content area in Twenty Twenty:

    Your page builder is adding an extra 8rem, as you can see in my browser inspector screenshot above. You can either change that in your page builder or add custom CSS to override it.

    Thread Starter kulius

    (@kulius)

    Hi there,

    thanks for the further look.

    Helps me a lot, I will use your advise and try fixing it.

    Thx.

    Kind Regards Julius Kavasch

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Gab between Footer’ is closed to new replies.