Home>Support>Top gap too large

Top gap too large

By [email protected], 8 years ago. Last reply by Alex S, 8 years ago.

Hi there
I recently discovered Pagebuilder and it’s great but I can’t eliminate the gap between the Virtual Theme header and the bogy of the page built in Pagebuilder. The page is at: http://www.fad.co.za/2186-2.php
Could anyone point me in the right direction please?
Thanks
Allan

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 7 months ago Alex S
    Hi, I Work Here

    Hi Allans,

    You can fix this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    .titleclass {
    margin: 0 !important;
    padding: 0 !important;
}

.contentclass {
    margin-top: -30px !important;
}

    You may have to adjust the above CSS to get it to the level you’re happy with. You might also need to install the SiteOrigin CSS Editor.

  2. 8 years, 7 months ago [email protected]

    Hi Alex
    Thanks for this. I don’t see that Custom CSS doodad. I know about the Virtue theme’s CSS window and I have some stuff in there already. Is that what you were talking about? And would the CSS snippet you suggest apply only to my main page?
    Thank you
    Allan

  3. 8 years, 7 months ago Alex S
    Hi, I Work Here

    Hi Allans,

    Now I’m not too familiar with your theme however I would think the CSS window would be like an extremely basic version of our CSS plugin so that should suffice.

    The CSS will apply to all pages, but it was mainly written with the page you linked in mind. I’ve had a look at your websites home page and I’m not too sure what gap you’re referring to on that page.

  4. 8 years, 7 months ago [email protected]

    Hi Alex
    The page I’m talking about is http://www.fad.co.za/2186-2.php. It will become the home page once I get it right.
    I’m just concerned that the CSS will throw out the other pages.

    I’m not too familiar with CSS but would it be possible to give the Pagebuilder code a CSS selector (or id??) so that the CSS you gave me will refer only to the right page elements?
    Thanks
    Allan

  5. 8 years, 7 months ago Alex S
    Hi, I Work Here

    Hi [email protected]

    Oh okay. I’ve updated the CSS to target the linked to page only. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    .page-id-2186 .titleclass {
    margin: 0 !important;
    padding: 0 !important;
}

.page-id-2186 .contentclass {
    margin-top: -30px !important;
}

    You might also need to install the SiteOrigin CSS Editor.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More