Infobox Grid Listing Widget Tutorial
![](https://ecaddons.com/wp-content/uploads/2023/11/infobox-grid-dwp-1024x453.png)
![](https://ecaddons.com/wp-content/uploads/2023/11/infobox-grid-ewp.png)
3 Predefine Layout
![](https://ecaddons.com/wp-content/uploads/2023/11/infobox-grid-layout.png)
Grid / Masonry Type
![](https://ecaddons.com/wp-content/uploads/2023/11/infobox-grid-type.png)
Icon / Image / Text Selection
![](https://ecaddons.com/wp-content/uploads/2023/11/info-icon-image-text.png)
Title with Tag
![](https://ecaddons.com/wp-content/uploads/2023/11/team-title-tag.png)
Description in Editor
![](https://ecaddons.com/wp-content/uploads/2023/11/team-desc.png)
Button or Manage Full Box Link
![](https://ecaddons.com/wp-content/uploads/2023/11/flipbox-button.png)
Pin Text Option
![](https://ecaddons.com/wp-content/uploads/2023/11/info-pin.png)
Manage height and Alignment
![](https://ecaddons.com/wp-content/uploads/2023/11/info-height-alignment.png)
Manage Column with Gap
![](https://ecaddons.com/wp-content/uploads/2023/11/team-column.png)
Style Tab
![](https://ecaddons.com/wp-content/uploads/2023/11/infoboxgrid-style.png)
Icon
In this tab you can manage Padding, Margin and Size of Icon.
And for Normal and Hover, You can manage Color, Background, Border and Box Shadow.
Title
In this tab you can manage Padding, Margin and Typography.
And for Normal and Hover, You can manage Color, Background, Border, Box Shadow and Text Shadow.
Description
In this tab you can manage Padding, Margin, Typography and Alignment.
And for Normal and Hover, You can manage Color, Background, Border, Box Shadow and Text Shadow.
Button
In this tab you can manage Padding, Margin and Typography.
And for Normal and Hover, You can manage Color, Background, Border and Box Shadow.
Pin
In this tab you can manage Padding, Typography, Top & Right Offset.
And for Normal and Hover, You can manage Color, Background, Border and Box Shadow.
Box Hover Direction