Thanks in advance for your help!
Best regards,

Issue:
Essential Blocks Shape Divider Block has an ‘unhelpful’ max-width property which must be overridden with custom CSS containing an ‘!important’ rule to work correctly.

Suggestion:
Shape divider should by default have ‘max-width’ and ‘width’ set to 100% and have margins of ‘0px’ in all directions (considering shape divider’s purpose is to disguise the hard edges of the section it belongs to.

Note:
Testing occurred with all other plugins deactivated.

I am using shape dividers and it shows a 1 px line which I cannot get rid of. Can someone tell me what I’m suppose to do to get rid of the 1px line?
Image: https://ibb.co/7x3kT95

Thanks in advance.

I tried to change the color of the shape divider for the container block. It changes on backend but in the frontend it the color is not being applied.

The color should be white but it goes back to default color which is black.

I checked the stylesheet and there seems to be two stylesheet affecting this shape:

I am using an custom made block theme.

I used the same colour in the bottom of one section and the top of the other. I also used SHAPE DIVIDER on the top part to create a FAN OPACITY.

You can see the annoying thin line above the heading Acme Arb Ltd Satisfied Clients and below the four posts boxes.

I have tried all ways to remove the line to get a perfect transition from one section to the other, but nothing seems to work. I’m clearly doing something wrong her and would appreciate someone “in the know” to explain where I’m going wrong.

Thank you

View post on imgur.com

Another strange thing is that when I change color in shape divider, it not always take color that i set

Moreover, the shape doen’t go on the very top/bottom and let us see 1px of the element underneath.

I tried myself and I will probably do myself shape dividers with css shapes like this one for a triangle (on the :before pseudo-element) :

clip-path: polygon(0% 0%, 0% 100%, 100% 100%);
background-color: white