[SOLVED] How to use Shape Divider?
- stevebenson
-
Offline Topic Author
- Junior Member
-
- Posts: 28
- Thanks: 0
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.
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:2 months 2 weeks ago
by stevebenson
Last edit: 2 months 2 weeks ago by stevebenson.
Please Log in or Create an account to join the conversation.
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
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
by ced1870
Please Log in or Create an account to join the conversation.
- stevebenson
-
Offline Topic Author
- Junior Member
-
- Posts: 28
- Thanks: 0
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.
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.
by stevebenson
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
- stevebenson
-
Offline Topic Author
- Junior Member
-
- Posts: 28
- Thanks: 0
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.
(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.
by stevebenson
Please Log in or Create an account to join the conversation.
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]
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;
}
Joomlack Webmaster and Developer
Last Edit:2 months 2 weeks ago
by ced1870
Last edit: 2 months 2 weeks ago by ced1870.
Please Log in or Create an account to join the conversation.
Time to create page: 0.781 seconds