Want updates & exclusive offers?

Hey there!

Advent Calendar - Day 19

Colourful Divi Blog Layout

Colourful Divi Blog Layout

 

Colourful Divi Blog Layout

Hey! For Day 19 of the Awesome Advent Calendar I have a colourful Divi blog layout for you.

This minimal blog layout uses both CSS Grid & Flexbox to layout the posts, plus background gradients and an image scale effect on hover. Most of the CSS you might want to edit is in the advanced tab of the module or the settings, including the gradients. The only part you might want to change in the CSS is the height of the posts and the grid values if you want more or less columns.

 

How do you get it?

As the advent calendar is finished, you can now download all 25 freebies in one handy zip file. Just hit the button below to subscribe and I’ll deliver them to your inbox!

 

SubscribeView Demo

 

Enjoy!

Michelle x

Pro Pass Membership

Want access to all current and future Divi child themes, theme kits, and Canva kits for one low annual price?

Learn how to create Divi Child Themes that sell

Divi child theme course - Reloaded!
  • Use your existing industry knowledge to define and harness your niche
  • Productise your business with affordable website solutions for clients
  • Add a new revenue stream to your business that pays while you sleep
Find out more
Divi Child Theme Course
Are you

Struggling with Divi?

Struggling with Divi?

Hey! I want to make sure the content I create is helpful to the wider Divi community. If there's something you always find difficult to do when creating Divi sites, or a styling option you wish Divi had, complete the Divi tutorial request form and tell me all about it. I don't guarantee I'll be able to create something that solves the issue, but I'm smarter than your average bear so you never know!

P.S. - This is NOT a support request form and you won't be subcribed to any email lists. If you have an issue with one of our products, you can get help here.



First
Why? I might have questions, and if I create a solution I'll let you know.

Want a website like ours?

More posts

You might like!

How to replace the Divi search button with an icon

3 ways to use anchor links in Divi

Anchor links are used to navigate to specific content on a page rather than simply between pages themselves, and mastering anchor links in Divi is actually very simple. In this tutorial, I’m going to show you three ways to use anchor links.

You have Successfully Subscribed!