Icon Box
How To Use An Icon Box Widget Of UBE Addons
Icon 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 Icon 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 Icon Box:
You can see the below video to get an insight into how you can use the Icon Box Widget to create beautiful designs. Or you can follow the documentation whichever you find convenient.
How to Activate Icon Box
To use this UBE Addons element, find the ‘Icon Box‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘Icon Box‘ into the ‘Drag widget here‘ or the ‘+’ section.
How to Configure Content Settings
Under the ‘Content’ tab, you will find the Icon Box sections.
| Icon | Select icon for icon box |
|---|---|
| View | Choose the default style of the icon |
| Title & Description | Enter title and description for the icon box |
| Link | Enter the link |
| Icon Position | Choose the position of the image relative to the title and description |
| Description Position | Choose the position of the description relative to the title |
| Title HTML Tag | Select the html tag of the title |
How to Style Icon Box
Switch to the ‘Style’ tab to style all the elements of Icon Box.
Icon
‘Icon’ section lets you add Primary Color in normal and hover mode, Animation for hover mode , Spacing, Size, Rotate to the icon of Icon Box.
Content
‘Content’ section lets you add Alignment, Vertical Alignment to the content; Color, Color Hover, Spacing to the title, Spacing, Color, Typography to description of Icon Box.
Final Outcome
By following these mentioned steps and a bit more modifying & styling, you can easily design your Icon Box as per your preference.
By using UBE Icon 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.