This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Tiny margin below picture

8 years ago · Last reply by Finn Thormeier 8 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Alex S Staff 8 years, 8 months ago

    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. Finn Thormeier 8 years, 8 months ago

    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. Alex S Staff 8 years, 8 months ago

    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. Finn Thormeier 8 years, 8 months ago

    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.

Have a different question or issue?

Start New Thread