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/
29 Comments
Submit a Comment
You must be logged in to post a comment.
This site uses Akismet to reduce spam. Learn how your comment data is processed.
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 DocsThis 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.
We understand that there can be issues whilst utilizing out of date browsers. Please ensure you use up to date browsers when using our vendors products. For DIVI Theme – Third Party Plugins may not perform as desired in the Divi Visual Builder. We are working with our vendors to rectify this situation as quickly as possible. With the release of Divi 3.1 developer documentation and SOME support of third party modules and plugins are now accessible through the visual builder.
Please be aware that you will need an amount of experience in the master theme that you are using in order to take advantage of our themes and plugins.
Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads, Refunds are not possible unless the plugin or theme is unusable in your set up – we will require proof of this – please ensure that the product you are buying will do the job you want it too. In the case of Divi and Visual Builder compatibility – some plugins do not yet have 100% VB compatibility. Please check descriptions thoroughly to ascertain VB compatibility. Whilst every effort is made by our vendors to ensure compatibility with other themes, plugins and or web servers. This can never be guaranteed due to the many thousands of iterations in the wild. Please do not be afraid to ask the vendor for support by visiting the product page and clicking the relevant link.
*Support is provided by vendors directly.
You have questions about your purchased plugin, theme or layout? Then use this form to get your answers as soon as possible. If you have a license key, please enter it here. You can find it in your account under "view details and downloads". Otherwise, please use the invoice id from your invoice.
Brilliant! Thank you.
Sorry, I posted that last comment to the wrong plugin page. Please delete.
FYI, your plugin has rendering issues on Firefox that exposes a line where the two sections meet. It appears to render normally on Safari and Chrome.
This is the demo page that I tested: https://demo.divithemedesigner.com/bonus-layouts/triangle-divider/
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