Home>Support>Remove Space Between Rows

Remove Space Between Rows

By sshau, 7 years ago. Last reply by Alex S, 7 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 All, I have tried all the posted solutions for this but can’t seem to get a result.

Top row has a Hero widget and the row below has 3x Editor widgets with a background colour. I need to remove the space between the rows.

I have set the site wide bottom margin to 0 but this doesn’t fix it, set padding on both rows to 0, set top row’s bottom margin to 0 etc.

Any advice is welcome.

Nic

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

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

    Hi Nic,

    Do you have a public URL where we can take a look at what’s going on?

  2. 7 years, 6 months ago sshau

    Hi Alex,

    Hopefully you can see the issue onPrivate Snippet

    Visable space between the 1st and second row. If I change the background colour of the top row (in which the Hero Widget lies) to the same colour as the send row, it will mask the issue. I have tried changing the site wide margin setting but it didn’t fix the issue.

    Any advice is welcome. Thank you.

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

    Hi Sshau,

    Unfortunately, I can’t seem to access the above page with the provided password – I tried with and without the full stop.

    I had a quick look at your home page as it’s likely similar in terms of settings. A lot of the spacing on that page is caused by row bottom margin. To adjust the row bottom margin please open the relevant row (the row just above the spacing) and head over to the row styles sidebar. Open the Layout settings group and set the Bottom Margin to 0.

    If you would like to globally adjust the bottom margin, please navigate to WP AdminSettinBuilderage Builer and open the Layout tab. Adjust the Row/Widget Bottom Margin setting.

  4. 7 years, 6 months ago sshau

    Hi Alex,

    I have changed the visibility to public so you should be able to view that page now without a password.

    I have the top row Bottom Margin and Padding set to 0.

    If I change the background colour of the top row to match the second row the issue is gone so this tells me it is an issue with the top row.

    Thank you.

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

    Hi Sshau,

    This spacing is being added by your theme to the slider due to it using lists to structure the data.

    You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Please add the following CSS:

    li.sow-slider-image {
	padding-bottom: 0 !important;
}

    You might also need to install the SiteOrigin CSS Editor.

  6. 7 years, 6 months ago sshau

    Hi Alex,

    Thank you, I have installed the css editor plugin and this has fixed the issue I was having.

    Thanks Again.

  7. 7 years, 6 months ago sshau

    Hi Alex,

    If possible, can you please remove the website link in my above post?

    Thank you.

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

    Hi Sshau,

    Great to hear! :)
    I’ve edited the above post.

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