- #ICONBOX ICON LIST HOW TO#
- #ICONBOX ICON LIST FULL#
- #ICONBOX ICON LIST PRO#
Increasing the padding will make the background larger. Padding: Padding is the space between the text and the edge of the text block’s container.Margin: Margin is the space between the text and the rest of the content in the widget.Background Color: Select a background color and it’s opacity.Text Shadow -Add a shadow behind the text.Typography: Adjust font settings according to your needs.Text Hover Color: Select a color that is used when the visitors hovers over the text.The style options for the title, description and link are identical. Adjust the padding in pixels, em or %.Įlementor Icon Widget Icon Styling Options in Normal and Hover Modes 2. Padding: Padding is the space between the icon and the edge of the icon’s container.
Margin: Margin is the space between the icon and the rest of the content. Border Radius: Insert border radius values. Advanced Border Radius: Apply custom radius values for Elementor icon box widget. You can adjust the border-radius in pixels, % or em. Border Radius: Increasing the border-radius will add circular corners to the area with the background behind the text. Border Type: Select between the following border types, as well as the color and the width of the border on each side of the section:. Background Color: Select the background color behind the icon. 
Hover Effect: Enable or disable a hover effect that is applied to the icon.Įlementor Icon Box Back Icon Main Settings StyleĪdjust the style settings for the normal and hover status respectively. Vertical Offset: Adjust the icons vertical position in pixels, em or %. Horizontal Offset: Adjust the icons horizontal position in pixels, em or %. The icon is larger and visible behind the content as a background. Show Back Icon: Enable or disable a second copy of the icon that was selected in the Icon option. Link Type: Select an existing page, or enter a custom URL.Įlementor Icon Box Link Settings and Controls 5. Size: Adjust the icon size in pixels or em. Select from a list of Font Awesome icons. Icon: Enable or disable a clickable icon:. Vertical Alignment: Select button position vertically. Position: Select button position left, right and bottom. Text: Enable or disable a clickable link and it’s link text. Keep Button Link: Enable it will keep the button link showing even when the whole box is linked. Whole Box Link: Make the whole box clickable. Icon Box Widget for Elementor Description Settings and Controls 4. Alignment: Align the text to the left, center or right. In the editor, you can edit the text visually or with code, and add images from the Media Library. Description: You can add your description directly in the Richtext editor. Description: Enable or disable the description. Label: Add small text beside the title.Įlementor’s Icon Box Widget Title 3. Choose from H1 to H6 where H1 is the largest and H6 is the smallest. HTML Tag: Select which tag to display the title with. Title: Enable or disable a title that is visible below the icon. Vertical Alignment: Select between Top, Middle or Bottom.Ĭustom Image Icon in Elementor’s Icon Box Widget 2. 
Icon Position: Select between left, center and right.Hover Animation: Select between the following hover animations:.Icon Size: Adjust the icon size in pixels or em.Loop: Enable loop to run the animation infinitely.Icon Type: Select or upload a custom image via the Media Library, select from a list of Font Awesome Icons or paste Lottie Animations JSON URL.Reverse: Reverse tilt effect direction.Įlementor Icon Box Widget General Settings 2.Enable Mouse Tilt: Enable tilt effect for the icon box on mouse hover.Premium Addons works only with Elementor Page Builder plugin so you will need to have it installed and activated as well.Įlementor Icon Box Elementor Icon Box Widget Key Features – Elementor Icon Box.
#ICONBOX ICON LIST HOW TO#
Check this article to know how to do that.
Also, make sure that this widget/addon is enabled so you can find it in the Elementor editor. #ICONBOX ICON LIST PRO#
You will need Premium Addons PRO plugin installed and activated on your website. #ICONBOX ICON LIST FULL#
Add a call-to-action with an external link that shows the full details of each service.Ĭlick here to check Premium Icon Box Widget demo. Elementor Icon Box widget for Elementor Page Builder lets you show a short brief about the services you provide, together with a title and icon.
0 kommentar(er)
