Add margin between wraps

WernerBonhoffStiftung · September 2018

Hello,

is it possible to add some spacing between two wraps?

Please have a look at the section with the two buttons: http://s0.nachdertat.de/was-tun-bei-mobbing/hilfe-brief
Right know both wraps have a different background color and I would like to have a little "free space" in between. Can I adjust this in the settiings, via css or is it not possible at all?

Thx a lot...

Pablo · September 2018

Hi,
You can change the layout of this section to 1/3 1/3 1/3 or other to make a space between them.
And the middle wrap must have the item named 'placeholder.'
In Muffin Builder it should look like this:
http://prntscr.com/ktfk1u

Thanks

WernerBonhoffStiftung · September 2018

Ok I tried this one already (2/3, 1/5, 2/3) but then I have a big gap. I only need a small gap of 10-20px.

Pablo · September 2018

Ok, so make two wraps with 1/2.

And inside it, place an item you want with 5/6 size.

Then, edit item and give some padding to this item.

Thanks

WernerBonhoffStiftung · September 2018

Hi Pablo,

hmm I did what you said. Items used are button and column.
So where do I have to add the padding so that both wraps are seperated?

I guess in settings of the wrap? Since in item "button I cant' add padding at all. Thanks for your patience.

Pablo · September 2018

You can recreate it in column item, but this is hard way.

Try to make 1/2 wraps and insert minimal amount of padding in wrap editor.

Thanks.

slecouster · September 2018

Hi,

I need a similar solution:

I have 2 1/2 wraps in a section, with a background image different for each one.

I'd like to add a space between the bg image.

I can't use the padding cause it apply to the wrap content, and when we force (in css) to use a margin, of course it create an issue (because the margin is added to % of the columns)

Do you have a real solution please.

thanks

Pablo · September 2018

Hi @slecouster
If you don't want to use a solution of changing the layout of this section to 1/3 1/3 1/3 or other to make a space between them, you have to recreate it with column item to get a layout in muffin builder similar to this http://prntscr.com/kua9ff
Thanks.

slecouster · September 2018

As you can see the screenshot https://prnt.sc/kucz74, it's already not a solution for me.

I just like to add a blank space between the 2 bg image

another solution for me ?

Pablo · September 2018

The best way will be to do it with a column item.
Do as I showed you on the screenshot in the previous post, create the same layout and insert this image as a background of a column.

You can insert text on this image, just by adding text in content.
Do not forget about inserting in custom styles a height of an image, to be sure that image will display:

Screenshots:

http://prntscr.com/kud6or

http://prntscr.com/kud6wg

http://prntscr.com/kud759

http://prntscr.com/kud7hl

Or this 1/3 1/3 1/3 layout,

There is no other option.

Thanks.

Add margin between wraps

Comments