**********Fully Compatible with Classic Builder**********
Imagine being able to so easily convert those flat sections to something a little bit more original. Divi Section Manager allows you to use any of the built in SVG scalable section designs at the click of a single setting.. no CSS, no copying and pasting of code and seamless integration into new and existing content.
What’s so great about this plugin is that you don’t need to add any special new modules or sections, instead just edit an existing module. choose the style you want from the ever growing gallery of examples and press save. You can even edit the size of the divider to give it that more customised look.. bigger triangles, zigzags, clouds, waves, etc.. make the sections on your Divi site really stand out.
Styles Included
Included in the plugin are the following styles. If you have any suggestions or requests please get in touch. Very soon we plan to write some more quirky, icon based dividers for use with various markets (wine glasses for restaurant sites for instance…)
- Clouds
- Curved
- Mountains
- Slant – Left
- Slant – Right
- Triangle – Small Centered
- Triangle – Large
- Triangle – Left
- Triangle – Right
- Water
- Waves – Short
- Waves – Long
- Waves – Shark
- Wine Glass
Quick Start
- Download the ZIP file bundled with this plugin.
- Upload and install plugin as normal
- Edit any section using the Divi Page Builder and scroll to the bottom
- You will see a means to choose a divider and a size. Simply choose one and hit “update” on the page to save the changes as normal.
For any support issues, please visit this link http://docs.tortoise-it.co.uk/
28 Comments
Submit a Comment
You must be logged in to post a comment.
Changelog:
V1.0 - 2/3/17 - initial release V1.1 - 3/3/17 - Renamed plugin and description V1.2 - 6/3/17 - Swapped Zigzag from CSS to SVG for better quality - Added more section styles. Mountains & Wine GlassCheckout the documentation first and if you still need help open a support ticket.
View DocsPlease scroll down for the support form
This theme, layout or plugin is comprised of two parts.
1. The PHP code and integrated HTML are licensed under the General Public
License (GPL). You will find a copy of the GPL in the same directory as this
license file.
2. All other parts, including but not limited to the CSS code, images and design are
copyrighted by the vendor concerned and are NOT licensed under GPL.
This license allows the item to be used in projects for either personal or commercial use by you or on behalf of a client. The item cannot be offered for resale either on its own, in part, or as part of a larger project including that being part of a hosting offer. Distribution of source files is not permitted.
*Support is provided by vendors directly.
Please login to access the support form. you can do so here
Would like to upload an SVG as divider using this plugin !!!
Brilliant! Thank you.
Hi Sean, I’m trying to use a background image and use the slant as the mask. I run into this error. Is there a way to fix this? I added a screenshot here https://www.dropbox.com/s/s4jgvic9pck4spr/slant%20error.jpg?dl=0
Is there a solution as for the screenshot Mike made? I’ve got the similar problem.
Not displaying anything. Also, where do I choose what color to use?
Within the module settings
Hello Andrew
Where exactly in module settings? i cant find where to set color…Do you have any screenshot please? The only way i have managed to change color is from section background color but i dont think that is very correct
thanks
Georgios
You need to have a demo because it’s not working and pictures don’t help
Hi April, I just downloaded and tested the plugin. I added two sections and set a background color for each section to something different (I used purple and orange). In the first section I choose the section Divider in the TOP section. Can you tell me what isn’t working?
I agree with April – this isn’t a very intuitive plugin at all. And the instructions for use are not helpful.
I think it would be great if we had a video on how to create these.
I thought that the instructions and screenshots were fairly straightforward but I’ll get a video uploaded for you ASAP.
cheers
S
Thanks Sean. really appreciate it 🙂
So how is this plugin turned on. I can’t figure out how to use. I went to the section and selected the section but it doesn’t show up. I’m also interested in selecting the colors to match the brand of our company as well but don’t see any options to that effect either.
HI, if you go to the section where your modules are, you will see the section module settings.
Yes, I know. I go there and select my section divider but it doesn’t display anything.
Can you change the colours to match whatever branding a site demands?
Absolutely. 🙂
This is great stuff!!
Can i use this with a 2 column section where one has an image as background? Like a splitscreen layout?
Yep. This works at the section level so will be above the columns which will sit nicely inside.
Thanx. I see it won’t work with backgroundimages in sections? Any idea on that?
It does work with background images in the section only. Just give the section some padding and add a background colour and the divider will show in what ever effect you choose.
I’ve added the padding and and background color and still nothing is showing…
Excellent!
Just curious if this works with an image background in the section above and a color background in the section below. I’d like the bottom edge of the image to use the shape of the divider. So, for example, if I used the curved divider, the bottom of the image in the top section would appear curved. Possible?
Looks great. Do you have a Demo we can view?
Your reply would be appreciated
Currently, there is no demo but the illustration kind of gives you a good idea of what it can do n the product page.
Boom! Demo 🙂
http://docs.tortoise-it.co.uk/divi-section-manager/demo