[SOLVED] How to use Shape Divider?

Hi
I'm trying to use the Shape Divider feature on a row. The top shape works fine, but I cannot get the bottom shape to work as I want, especially using the "Wave" shape. To me, it seems that the blank part of the shape is upside down! I've tried flipping the shape vertically (and horizontally) but it is still not satisfactory.

This is what I am trying to achieve (using SP Page Builder):
 

But this is what I get using Page Builder CK:
 

How can I get the shape divider effect to match what I want please? Thanks for any assistance. 

Hi
you can try to add the shape at the top of the white area, instead in the colored area
you will be able to cover the upper part with the shape
CEd

Hi CEd
That didn't work, I'm afraid. If I put a top shape divider in the white row below, it goes underneath the coloured row above it, not on top. 

can you please give me the url of hte page to check

Sure, it's www.amdramwebdesign.co.uk/features-new
(This is a hidden page as it's not finished yet.)
I've placed a Top Shape divider in the white "Events" row and moved it up slightly (-12px) using the Vertical slider so it should overlap the row above. I've coloured the shape divider yellow to make it more visible.
Thanks CEd.

I have reproduced the issue
please remove the shape and put it again in the upper row, at the bottom
select "flip vertical"
and then add this custom css code to the page let me know (it will work only in front, if you don't load the css code in admin)[/code]