How Can We Help You?

Image Box

How To Use An Image Box Widget Of UBE Addons

Image Box is a great way to add credibility to your website. This widget helps to display key information regarding any aspect of your website in a sober yet vibrant manner. Don’t expect your readers to spend that extra time searching for an information. Instead, include colorful Image Box to your website so that your readers can easily skim through them and receive the message that you are trying to send out.

Using Image Box:

You can see the below video to get an insight into how you can use the Image Box Widget to create beautiful designs. Or you can follow the documentation whichever you find convenient.

How to Activate Image Box

To use this UBE Addons element, find the Image Box‘ element from the Search option under the ELEMENTS tab. Simply just Drag & Drop the Image Box into the Drag widget here‘ or the ‘+’ section.

How to Configure Content Settings

Under the ‘Content’ tab, you will find the Image Box sections.

Image Box

Choose Image Choose an image for the image box
Use Hover Image Whether to allow hover to change the image. If yes, then Choose Image is used to select the image to change
Width Enter the width for the image box
Image Size Select the image size
Title & Description  Enter title and description for the image box
Link Enter the link for the image box
Image Position Select the position to display the image
Description Position Choose the position to display the description including the same block as the title(inset) or different blocks(outset)
Title HTML Tag Select the html tag of the title

How to Style Image Box

Switch to the ‘Style’ tab to style all the elements of Image Box.


‘Image’ section lets you add Spacing, Width, Border Radius, Hover Effect, Hover Image Effect, Transition Duration and CSS Filters, Opacity in hover and normal mode  to the image of Image Box.


‘Content’ section lets you add Alignment, Vertical Alignment to the content; Color, Color Hover, Spacing to the title, Spacing, Color, Typography to description of Image Box.

Final Outcome

By following these mentioned steps and a bit more modifying & styling, you can easily design your Image Box as per your preference.

By using UBE Image Box, this is how you can easily put the spotlight on your significant contents & make them appealing to your visitors.

Getting stuck? Feel to Contact Our Support for further assistance.