How to set up and style the Info Box widget in Elementor.
Info Box shows an icon or image next to a title, a short description and a button. The media can sit on the left, on top or on the right, and either the button or the whole box can be the link. Use it for feature lists, service cards and benefit grids.
Part of: Bright Addons (free).
| Option | What it does |
|---|---|
| Type | Chooses None, Icon or Image for the media area. |
| Icon | Picks the icon when Type is Icon. |
| Image | Picks the image when Type is Image. |
| Image Size | Chooses which image size to load. The default is thumbnail. |
| Position | Places the media on the left, top or right of the text, per device. |
| Option | What it does |
|---|---|
| Title | The heading of the box. |
| Title Tag | Sets the tag used for the title. The default is H3. |
| Description | The text under the title. |
| Link | Chooses None, Button or Whole box as the clickable area. |
| Button Text | The label of the button. |
| URL | The address the button or box links to. |
| Alignment | Aligns the content left, center or right, per device. |
Pro adds 77 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $16 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
background color, padding, border, border radius, box shadow, hover box shadow and the Lift on Hover switch.
icon size, icon box size, image width, icon and background colors with hover versions, border radius and spacing to the text.
color and typography for each, plus spacing under the title.
typography, text, background and border colors for normal and hover, border width, border radius and padding.
Yes. Set Link to Whole box and add the URL. The entire box becomes one link.
Yes. Set Type to Image and choose a file from the media library. Image Size and Image Width control how large it shows.
Set Link to None, or keep a link on the whole box and clear Button Text.
Yes. In the Style tab, open Box and switch off Lift on Hover.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide