Black Friday Super Sale 2024 is Coming Soon

WIN AN iPAD, LIFETIME MEMBERSHIP
×

Search Divi Blog Extras Documentation

Search for answers or browse our knowledge base.

Table of Contents
< All Topics
Print

How to change masonry layout to 6 columns in Divi Blog Extras

If you want to show the masonry layout in 6 columns on desktop, use the following CSS snippet.

Step 1: Select a layout and set 4 columns.

Step 2: Copy and paste this code to the page. If you want to apply the setting site-wide, you can paste the code to Divi Theme Options Custom CSS area.

@media screen and (min-width: 981px) {
.el-dbe-blog-extra .el-isotope-cols-4 .el-isotope-item {
    width: 16.66%;
}
}