Need some info for section divider

Hi

I want to use Section divider, but here is a option who says: Overlap.

I want to find more info about this elemment.

Thanks a lot! ♥

Hello,

If you enable this option, your divider will be positioned absolutely to the row and that is why overlaps the content inside it. We suggest you simply try to enable/disable this option and see the difference.

Regards

Hi

I did and im not happy with the result, and think about something is not configured or correctly understanded.

1- I use 2 dividers, 1 top + 1 bot:
https://screenshots.firefox.com/ZvIlMHqN1rRPSL0Z/clon.vainsmon.es

2- And the file/section of top, haves a image backgrownd, who is cuted by divider.
https://screenshots.firefox.com/zcQhI0Prh3R4MDoq/clon.vainsmon.es

3- On a previus case, i fixed with a margin-top:-50px ; on a row who caontains 2x dividers.
https://screenshots.firefox.com/jxHoKNWT166er1Ej/clon.vainsmon.es

4- But if i use overlap, just CUT away and ignore divider.
https://screenshots.firefox.com/i4Ju3UdyXSUPwfZN/clon.vainsmon.es

I dont like for real…

Wanted to do the same like my case 3, but without using this negative marging.

Thanks a lot! ♥

Hi,

It is difficult to understand what do you want to achieve. Could you please send us a screenshot with a final result that you want to achieve and the page where did you add them?

Thank you in advance.

Hi

3- On a previus case, i fixed with a margin-top:-50px ; on a row who caontains 2x dividers.
https://screenshots.firefox.com/jxHoKNWT166er1Ej/clon.vainsmon.es

This is a real final result.

I used a css class on a row who contains 2x dividers, and set it to:
display:inline-block
marging-top: -50px;

And works, but dont wanted to do this every time i need to use TOP and BOT dividers to make a fusion on a 2 rows.

Sorry about my english

Regards

Hello,

Coul you please send us a link to your site where we can see your overlap dividers?

Regards

Yes

Here: https://www.vainsmon.es/plan-renove-calderas-valencia/

As you see, top row and bottom row, mixes well cause had to add a custom class:

display:inline-block
marging-top: -50px;

i dont know if this hack will be the best way.

Regards ♥

Hi,

We tried to reproduce part of your layout with double dividers in the row https://prnt.sc/in0k0d. If you are using full-width row, make sure you disable overflow: hidden https://prnt.sc/in0k9d for it to make elements outside the row visible (overlap divider in this case).

This how it looks on front-end https://prnt.sc/in0lop

Regards

[Author]

Posts