Info Box Widget Overview

Info Box widget adds an information box that can be used to add a chunk of information to the page. There are many modifications that can be made to the infobox.

Content Tab#

The content has three subsections-

• Icon - Here, you can change the Icon type, alignment, and icon.
• Content - Here, you can change the title, subtitle, and description. You can also choose the HTML tag for the heading and the subheading.
• Link - Here, you can set the whole box, title, or button as the entire link.

Style Tab#

You can change the background, text color, font style, border color, border radius, typography, line height, font family, etc. via this tab.

Advanced Tab#

This Tab has five subsections-

• Element Style - Here, you can change the margin, padding, z-index, and entrance animation and add CSS ID and classes.
• Background - Here, you can set the background as classic or gradient and can even add the hover effects.
• Border - Here, the properties related to the border are defined as border type, radius, box-shadow, and hover effects.
• Responsive - Here, you set the responsiveness of the different devices to be active or not.
• Custom CSS - This lets you add CSS code to the widget, and you can see it render live right in the editor.