Streaming live at 10am (PST)

Is it possible to create sections that do not have straight lines in the bottom

I would like to know it is possible to create sections which do not a straight line in the bottom. Attaching a screen shot showing what I am referring to (highlighted in red). The light beige background in the section does not end with a straight line – I would like to mimic this behavior.


Welcome to the community @ArNeer!

Depending on the shape you’d like to use, there are a number of different methods, however on a recent project I found that custom SVGs were the way to go:

You can achieve a similar look by using a JPG or transparent PNG, however by using the fill="currentColor" property on my SVGs I was able to set the color to match the adjacent section with some combo classes—meaning I use just one SVG to achieve all of my possible divider colors.