[SOLVED] How to use Shape Divider?
- stevebenson
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 30
- Thank you received: 0
1 year 1 month ago - 1 year 1 month ago #69322
by stevebenson
[SOLVED] How to use Shape Divider? was created 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.
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.
1 year 1 month ago #69324
by ced1870
Joomlack Webmaster and Developer
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
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.
- stevebenson
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 30
- Thank you received: 0
1 year 1 month ago #69346
by stevebenson
Replied by stevebenson on topic How to use Shape Divider?
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.
Please Log in or Create an account to join the conversation.
1 year 1 month ago #69358
by ced1870
Joomlack Webmaster and Developer
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.
- stevebenson
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 30
- Thank you received: 0
1 year 1 month ago #69364
by stevebenson
Replied by stevebenson on topic How to use Shape Divider?
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.
Please Log in or Create an account to join the conversation.
1 year 1 month ago - 1 year 1 month ago #69365
by ced1870
Joomlack Webmaster and Developer
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
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: 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