Home>Support>How do I remove the white space/ gap between rows?

How do I remove the white space/ gap between rows?

By LY, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi,
I already searched your forums and tried all the CSS codes you gave other people but I still can’t get rid of the gap!! I also changed the settings to have 0 padding in the Site Origin settings but nothing changed.

I have attributed the row class no-bottom-padding and I currently have this in my custom CSS to target the gap:

.layout-full .panel-row-style.no-bottom-padding {
padding-bottom: 0;
margin-bottom:-100;
}

The page is: http://www.selgmineiendom.no/about/ and the gap I’m referring to is between the title and the cover image.

URL: http://www.selgmineiendom.no/about/

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

  1. 10 years, 23 days ago LY

    Thank you in advance!

  2. 10 years, 20 days ago Andrew Misplon
    Hi, I Work Here

    Hi LY

    Very sorry about the late reply. We work through a prioritized forum queue, and unfortunately it’s taken us some time to get to your thread.

    https://siteorigin.com/about/forum-thread-prioritization/

    Because it’s been a while since you posted this, would you mind letting us know if you still need help? If so, we’ll jump right in.

  3. 10 years, 20 days ago LY

    Hello Andrew,

    Yes please I still need help! Thank you :)

  4. 10 years, 20 days ago Andrew Misplon
    Hi, I Work Here

    Sure.

    The following CSS is the problem:

    .about-headline {
    color: #f2f2f2!important;
    font-family: 'Roboto'!important;
    font-size: 23px!important;
    font-style: normal!important;
    font-weight: 300!important;
    line-height: 1.5!important;
    margin-top: 91px!important;
    margin-bottom: 110px!important;
}

    That’s being added as part of the rules added by Easy Google Fonts.

    I’ve run through the challenges of the way Tesseract is setup a few times lately. If possible, please run through this thread:

    Thread: Tesseract theme: How to make row background images more responsive

    For your spacing issue, editing the rules outputted by Easy Google Fonts will solve your problem.

  5. 10 years, 19 days ago LY

    thank you so much! all fixed :)To: [email protected]

  6. 10 years, 19 days ago Andrew Misplon
    Hi, I Work Here

    Awesome, that’s great news. Nicely 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