![]() ![]() 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.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.You will need Premium Addons PRO plugin installed and activated on your website.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 Comments
Leave a Reply. |