Streaming live at 10am (PST)

Webflow Section Shape Dividers


#1

Hey Webflow peeps,

So I’ve been making the case for Webflow vs. Elementor in my team for a few weeks now, and on most counts Webflow seems to be the best option. When it comes to designing a website, you have far more control in Webflow. However, there seems to be one glaring shortcoming when it comes to shape dividers:

https://elementor.com/blog/v130-shape-divider/

Elementor has a very simple interface for creating shape dividers to match the aesthetic of your website, but after hours of searching online I can’t find an explanation of how to accomplish the same effects in Webflow.

I’ve watched almost all of the Webflow video tutorials, so I apologize if I missed something. Can someone give me some advice here?

Thank you,
Cyan


#2

There is no built in functionality for this but it’s not like it is hard to simply create svg’s with the desired forms and colours, and put them on top (or bottom) of any section you create.


#4

Hi Dram,

Thanks for the quick response!

Is there a good tool for creating SVGs (I’m a newbie)?

Thanks,
Cyan


#5

Check this out, mate. Just pick what you think sounds best for you. I personally do all my drawings in Illustrator, and was doing this for many years so I am not a good source of information about other programs :smiley:


#6

Dram,

I found this free online tool called “Vectr” that is as simple as it gets and pretty much does exactly what I was looking for: https://vectr.com.

Thanks again for your help!

Cheers,
Cyan


#7

Looking good. It even has layers. Not bad for a free online tool. Not bad at all.