Home>Support>Gap at bottom of row

Gap at bottom of row

There is a 7px gap at the bottom of the content in my row. I’ve placed an image using the SiteOrigin Image widget and the same image using the WP image widget. The gap is under both and there is no padding or margin that I can find when I inspect the code. Here is the page: http://hartley.peregrinedesign.com/index.php/temp/

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, 1 month ago Alex S
    Hi, I Work Here

    Hi Peregrine,

    This spacing is the standard Vantage Content spacing. To remove it, please open the linked page in the editor and head over to the Page Settings box on the right. Untick Footer Top Margin and save. How does that look?

  2. 6 years, 1 month ago Peregrine

    Alex, I appreciate your feedback. That, however, does not fix the problem. As you can see from the page I link to, the problem exists inside a content row and happens below the content. It is not a footer problem. I did try your fix but it did nothing.

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

    Hi Peregrine,

    Oh sorry, I thought you were referring to the SIteOrigin Image widget at the bottom of the page – the above setting removed the spacing after that widget.

    You can remove the spacing from those two widgets with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:

    .widget_sow-image, .widget_media_image {
    	line-height: 0;
    }
    

    You might also need to install the SiteOrigin CSS Editor.

  4. 6 years, 1 month ago Peregrine

    Yep! That did it. Thanks so much.

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