Follow us

Gradient Snakeline Timeline Infographic Free Divi Layout | Divi Soup

Like our free content? Then you'll love our exclusive Club!

Divi Academy Membership gives you exclusive access to over 110 resources, including child themes, layouts, cheatsheets, tutorials, live training and member perks. And new content is added EVERY Monday!

Gradient Snakeline Timeline Infographic Free Divi Layout

I’ve often seen this type of layout and also Divi users asking for it so I thought I would have a play around.

As it turns out, it was pretty simple using Divi’s gradient background settings on rows, with some additional pseudo elements added via CSS to create the colour changing line effect.

Plus it’s fully responsive. Go on, adjust your browser width and see wink

Be sure to view the ‘Read Me’ file in the download package for full instructions.

If you found this helpful please leave a comment. smile

Michelle X

Michelle Nunan is a multi-award winning marketer & trainer and full time Divi educator as well as a mother of two beautiful girls and two cheeky Black Labradors called Harley & Chaz. Michelle has been building websites since the late nineties, back in the days of GeoCities and Napster, before the web was the wonderful place it is now.

Related Posts

Enter your details below to get notified of the launch and early bird pricing

You have successfully joined the waitlist!

Pin It on Pinterest

Sharing is caring

Share this post with your friends!