help center

On this page

Image Box widget

Last Update: December 6, 2023

The Image Box Widget lets you add an image box that combines an image with a headline and text, which is often used in Features sections, as an alternative to using the Icon Box widget.


  1. Choose Image: Select an image from the media library, or upload a new image
  2. Image Resolution: Select the size of the image, from thumbnail to full, or enter a custom size
  3. Title & Description: Add the title and description that will appear in the image box
  4. Link to: Enter the URL for the item’s link. Click the Link Options cog Link Option to either add rel=nofollow to the link or to open the link in a new window.
  5. Image Position: Set the position of the image to left, top or right, relative to the title and description (on Mobile view it will stay centered).
  6. Title HTML Tag: Set the HTML tag of the title as H1…H6, div, span or paragraph



  1. Spacing: Set the exact space between the image and the title
  2. Width: Scale the image width from 0 to 100%
  3. Hover Animation: Add Hover Animation to the image
  4. CSS Filters: Adjust the image style by changing the CSS Filter scales for Blur, Brightness, Contrast, Saturation, and Hue settings in Normal and Hover states
  5. Opacity: Control the opacity of the image in Normal and Hover states
  6. Transition Duration: Set the time it takes for each slide to appear. This time is in milliseconds, so 1000 ms is equal to 1 second


  1. Alignment: Align the content to the left, right, center or justified
  2. Vertical Alignment: Align the content to the top, middle or bottom of the box


  1. Spacing: Set the space between the title and description
  2. Color: Set the color of the title
  3. Typography: Set the typography options for the title


  1. Color: Set the color of the description text
  2. Typography: Set the typography options for the description


Set the Advanced options that are applicable to this widget

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article