[SOLVED] How to use Shape Divider?

More
1 year 1 month ago - 1 year 1 month ago #69322 by stevebenson
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. 
Last edit: 1 year 1 month ago by stevebenson.

Please Log in or Create an account to join the conversation.

More
1 year 1 month ago #69324 by ced1870
Replied by ced1870 on topic How to use Shape Divider?
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

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
1 year 1 month ago #69346 by stevebenson
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. 

Please Log in or Create an account to join the conversation.

More
1 year 1 month ago #69358 by ced1870
Replied by ced1870 on topic How to use Shape Divider?
can you please give me the url of hte page to check

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
1 year 1 month ago #69364 by stevebenson
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.

Please Log in or Create an account to join the conversation.

More
1 year 1 month ago - 1 year 1 month ago #69365 by ced1870
Replied by ced1870 on topic How to use Shape Divider?
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
Code:
#row_ID1693220677662 .ckflip-vertical > svg { transform: none; }
let me know (it will work only in front, if you don't load the css code in admin)[/code]

Joomlack Webmaster and Developer
Last edit: 1 year 1 month ago by ced1870.

Please Log in or Create an account to join the conversation.

Time to create page: 0.240 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1049 guests and no members online