Extra space after Individual Image element

[DistantLands]

After adding a Single Image Element in the Swift Page Builder, it adds extra space below the image. I need for this image to touch right up against the container below it. How can I manage this? I can’t find the CSS needed to do so.

[DistantLands]

To clarify, I actually need to remove the arbitrary space between several of the Elements on the page. This extra padding is contrary to our design concept, and I’m hoping there’s an easy CSS solution to it?

[David Martin – Support]

Put those elements within a Row and use the Remove Element Spacing setting:

[DistantLands]

By placing the image in a Row, it won’t allow the image to go full width though, it will only be the width of the container. Am I wrong in this??

[Rui Guerreiro – SUPPORT]

There is a Full-Width option in the row. Give it a try.
https://www.dropbox.com/s/77k68k2fvbk9kcz/Screenshot%202016-12-20%2018.58.09.png?dl=0

-Rui

[DistantLands]

This looks like it works. Thanks-

[Rui Guerreiro – SUPPORT]

Great. Glad it’s sorted.

-Rui

[DistantLands]

I’ve placed all home page components into rows that need to be, and set them to where element spacing is disabled, and I’m still seeing the extra space. Can you confirm?

[DistantLands]

If there’s only a text box in the row, then the extra space is removed as set. If there’s a Single Image element in the row, then we get the extra spacing.

[DistantLands]

Do you have any thoughts on how to resolve this? Should I just wait to hear back from you all?

[Rui Guerreiro – SUPPORT]

I sorted it by adding a specify extra class and adjust the margin-bottom of those rows inside the custom css option.
https://www.dropbox.com/s/ooqqrp36mnbpv4b/Screenshot%202016-12-20%2020.28.13.png?dl=0

Hope it helps.

-Rui

[DistantLands]

Ah, I thought about doing that too. I’ll do that with the other pages. Thanks for the extra help. You can Resolve this ticket as well.

[Rui Guerreiro – SUPPORT]

Great.

-Rui