Home>Support>Excessive space between Header and first row and Footer and last row

Excessive space between Header and first row and Footer and last row

Hi Guys!

Thanks for creating such awesome pugins and themes!

I am a newbe to WordPress but i have a basic understanding of coding from school, Im using the Sydney Theme with SiteOrigin Editor Pugin as my main use of editing layout and content. www.nikkol-events.com

On all of my pages there is a large white gap between the Header and the First row and also between the last row and the Footer. I have tried editing the row styles padding and margins into the -1000s as well as setting a custom row class name and then

.row-class-name {
padding-bottom: 0;
}

and

/* Contact-footer */
#contact > div {padding: 0;
}

I have been editing the last row on the contact us page as it is the most visible gap to see if something is working.

I have also done Appearances > Customize > Additional CSS with the following coding all to no avail;

/* Main Container */
#main { padding-bottom: 0; }

#main {
padding-bottom: 0;
}

If anyone would be so kind to help me fix something which is probably so simple it would be greatly appreciated!

Thanks so much

Hannah

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

  1. 6 years, 3 months ago Alex S
    Hi, I Work Here

    Hi Hannah,

    This spacing is being added by your theme and you can remove it with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:

    .page-wrap, .page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper, .content-area .hentry {	padding: 0;}.page. entry-header, .page .entry-footer {	margin: 0;}

    You might also need to install the SiteOrigin CSS Editor.

  2. 6 years, 3 months ago hannah3213

    Hi AlexS,

    Thanks so much for getting back to me. The code you suggested works perfectly on every page except for the contact us page which still has a large space at the footer.

    Is there also a way to stop the page titles from showing up? as they are a real eye-sore and clash with the design. I have tried the Hide Title plug in which works in hiding the text but it still leaves a small white space.

    As far as I understand it is better to apply a hide function than to completely remove the title coding for SEO purposes but i am having trouble getting the functions to work.

    Kind Regards

    Hannah

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

    Hi Hannah,

    I’ve updated the previously provided CSS. Please replace the previously provided CSS with the newly updated CSS.

    Please note that the theme you’re using has default top and bottom padding that you will need to remove by editing the row styles. Open the Row, head over to the row styles sidebar and pen the Layout settings group. Set Top/Bottom Bottom Padding to 0.

    Regarding your other question, I’d like to help you with this, but unfortunately, this is beyond the scope of the support we’re able to offer on our free forums. There is a fair amount of custom work involved.

    We do offer this level of support to our premium users, so if you’d like to upgrade to SiteOrigin Premium, then I can help you over email support.

    If you’d prefer not to upgrade to SiteOrigin Premium, then you can hire a WordPress developer from Codeable. They’ll charge you an hourly rate for any work done.

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