The Four Column Widget provides a four-column layout where each column can contain its own addon or content. Use this widget to display related content side by side in a balanced grid.
Edit Dialog Fields
| Field |
Description |
| Addon for First Column |
Select the addon to display in the first column |
| Addon for Second Column |
Select the addon to display in the second column |
| Addon for Third Column |
Select the addon to display in the third column |
| Addon for Fourth Column |
Select the addon to display in the fourth column |
| Active |
Enable or disable this widget |
| Sort Order |
Controls the display order when multiple widgets are on the page |
Advanced Edit Fields
| Field |
Tab |
Description |
| Name |
Control Info |
Internal name for this widget |
| Remove Gutter |
Styles |
Remove spacing between columns (default: off) |
| Pad Top |
Styles |
Add top padding to the widget |
| Pad Right |
Styles |
Add right padding to the widget |
| Pad Bottom |
Styles |
Add bottom padding to the widget |
| Pad Left |
Styles |
Add left padding to the widget |
| As Full Bleed |
Styles |
Include margins for content |
| Height |
Styles |
Set a specific height with units |
| Theme Style |
Styles |
Select a layout wrapper class from Design Block Themes |
| Button Style |
Styles |
CSS class for buttons (default: "btn btn-primary") |
| Background Image |
Background |
Set a background image for the widget |