Curvy SVG in Flatsome slider

Here is the finished product:

Here is how I add a curvy bottom to a slider in Flatsome, the greatest WordPress Theme out there! Seriously, I love it!

First, head over to

Create a wave that you like… I change the color to white, or whatever color your going to have the next section be…

Here is the Custom CSS that you can copy:

.waves::after {
content: "";
position: absolute;
bottom: -110px;
width: 100%;
height: 1000px;
background: url(/wp-content/uploads/2019/09/wave3.svg) center bottom no-repeat;

Here is the video… I don’t do this often, so sorry its in Flash:

Play video in new window

Leave a Reply

Your email address will not be published. Required fields are marked *