Blog Module Number Of Columns Feature Overview
Why Do We Need This
The Divi Blog module is very limited and does not include any layout settings. The only thing is offers is “Fullwidth” and “Grid” which is not very helpful. When you select the Grid layout, there are no settings to set the number of columns, and this is very frustrating and limiting.
What This Feature Does
The Divi Responsive Helper plugin includes a feature to allow you to choose the number of columns you want to display on Desktop, Tablet, and Phone devices. Once you set the layout to “Grid,” our new settings will appear directly in the Divi Builder and you can choose the number of columns you want to stack side-by-side for each device size!
How To Use The Blog Module Number Of Columns Feature
1. Enable The Feature In Theme Options
To begin using the Blog module column stacking features, go to the Divi>Theme Options. There you will see a new tab that our plugin adds called “Divi Responsive Helper.” Once you click on that, you will see more tabs. Click on the “Column Stacking” tab to to see all of the column stacking features in the plugin.
Enable the setting toggle called “Blog Module Number of Columns.” Enabling this feature activates the additional settings located in the Design tab of the Divi Blog module settings when the Grid Layout is used for choosing the number of blog columns to show on each device.
2. Select The Number Of Column In The Blog Module
Once the Blog Module Number of Columns setting is enabled in Divi Theme Options, a new set of settings will appear in every Blog Module in the Divi Builder.
- Open up the Blog Module Settings by clicking the gear icon.
- Go to the Design tab.
- Open the Layout Toggle.
- Set the layout to Grid.
There you will see three new options appear:
- Number of Blog Columns on Desktop
- Number of Blog Columns on Tablet
- Number of Blog Columns on Phone
These are all set to default, so to change them simply choose a number from the dropdown menu for Desktop, a number for Tablet, and another number for Phone.
Example Of The Divi Blog Module Number of Columns In Action
The GIF below demonstrates the Blog Module Number of Columns feature.
View Live Demo Of The Divi Blog Module Number of Columns Feature
We have a full demo site where you can view all the Blog module column stacking scenarios for any number of columns on each device.