Home>Support>Tiny margin below picture

Tiny margin below picture

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].

Hello,

I’m using Vantage + Page Builder, my site: http://www.finnthormeier.com/

Struggling with 2 problems right now:

First: In the third column, the one with the black background, you can see a small black margin below the picture. I can’t seem to remove it.
There is no bottom padding set for any of the widgets, as well as no bottom padding for the row. I set the default margin for rows in the setting also to 0.

Second: Under the row with the picture where the 3 round, yellow features are, I have set the gutter for the row set to 100px. This works as it should in desktop view. But for a smartphone, when the features collaps, I would like to have a white margin between each feature. In a way that the gutter would convert to spacing above and below the features in mobile view.

Hope I could formulate my problem in a way you can understand

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

    Hi Finn,

    1. Did you manage to remove this margin? I can’t seem to see it anymore. If not, can you please send me a screenshot of the issue? Please note that you’ll need to upload the image to a third party image hosting site like imgur or vgy.me.

    2. Yes. Please open the row that houses these features and head over to the row styles sidebar. Open the Layout settings group and set a row bottom margin. Please note that unlike the gutter value, the value isn’t evenly split between each widget (each bottom margin will have the amount applied).

  2. 8 years, 1 month ago Finn Thormeier

    Hi Alex,

    1. No, couldn’t remove it yet. Here is the screenshot: http://imgur.com/a/RtLC5

    2. That one I got resolved, thank you.

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

    Hi Finn,

    1. Ah. I was looking in the wrong place – sorry.

    Please add the following CSS:

    .sow-image-container {
    	line-height: 0;
    }
    

    How does that look?

  4. 8 years, 1 month ago Finn Thormeier

    Yes, that resolved it

    Thanks a lot, Alex!

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