Curvy SVG in Flatsome slider

Here is the finished product: http://dukebuildingco.com

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 getwaves.io

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