Channel: Elegant Themes

Category: Howto & Style

Tags: divi 4.0 tutorialblog postelegant themesdivi blog postdivi tutorialdivi blog columnsblog post tutorialdivi blog post tutorialdivi theme tutorialdivi builderdivi builder tutorialdivi 4.0divi column tutorial

Description: Divi’s blog module can display blog posts in either a fullwidth or grid layout. If you choose the grid layout, the maximum amount of columns you can have is three. In this tutorial, we are going to explore combining the power of CSS Grid with the Divi Blog module to create any number of columns you want. With just a few snippets of CSS, your blog will transform into a beautiful multi-column grid layout. Plus, the columns will be fluidly responsive with all browser sizes, so no need to worry about updating those media queries or responsive settings. After the CSS Grid magic, you’ll still have the built-in blog module settings to design the blog visually without any more custom CSS. So, if you are looking for more columns for your Divi blog, this will do the trick and more. Blog post: elegantthemes.com/blog/divi-resources/how-to-change-the-number-of-columns-in-the-divi-blog-module ➡️ Learn more about Divi: elegantthemes.com/gallery/divi 🔵 Like us on Facebook: facebook.com/elegantthemes #WordPress #Divi #ElegantThemes