![]() ![]() To add your box, search for “icon box” in the sidebar and then drag the Icon Box widget onto your live preview: In the Elementor interface, you should see a live preview of your content on the right and a sidebar on the left. Click on the Edit with Elementor button to launch Elementor’s visual, drag-and-drop design interface.Open the WordPress editor for the post or page where you want to add your icon box.Install and activate the free Elementor plugin from.Basically, in that situation, all the other stuff beyond the icon box is helpful. However, if you’re building a landing page or other type of styled page, I think that you’ll love the drag-and-drop flexibility that Elementor offers. The older “Classic” WordPress editor (TinyMCE)įor the most flexible way to set up a WordPress feature box/icon box, you can use the free Elementor page builder plugin, which is the page builder plugin that we use here at WPLift.Įlementor is a little overkill if you just want to add an icon box as a small part of a regular WordPress page.To help you discover the best method for your site, I’ll show you how to set up your icon box using three different methods, all of which are free: If you’re not sure what I’ve been talking about, here’s a quick example of the type of icon box that you’ll be able to create by the time that you finish this tutorial: ![]() You’ll be able to easily choose from hundreds of icons and customize the text to your liking. In this post, I’ll show you how to add a flexible icon box to your WordPress site with almost no code required. The Creative Studio and Classic Consultants pages use animated icons that are part of the Linea.io icon set, please download from here.Want to add a WordPress icon box to your site? Or a feature box, as they’re sometimes known? Icon boxes are a design staple that make it easy to show off you or your product’s features, services, skills, etc. Download for free (from the Clone or Download button) and use the icons you’ll find in the folders named “_SVG”: If you need to create animated icons you just need to upload an SVG icon into your Media Library, set the “Animated” option in the sidebar options panel and use in the Media option of the Icon Box. To work with custom icons in SVG format you can easily upload in the media uploader field of the module, you can also use the simple images as icons. Media lightbox: This adds a media from the lightbox.Link text: Use this option if you wish to add a text link if you wish, this will be added under the text.URL (Link): Use this option if you want to add a link to an icon.Reduce text top space: Activate this command if you need to reduce the text top margin.Text: This is where to insert the text associated with the icon.Title letter spacing: Use this option to specify the letter spacing.Title line height: Use this option to specify the text line height.Title weight: Use this option to specify the title weight.Title font family: Use this option to specify the title font family.Title size: Use this option to specify the title size.Title semantic: Use this option to specify the element tag (h1-h6).Title: Use this option to insert the heading main text.Icon size: Use this option to specify an icon’s size.Icon Animated: Activate the animation effect.Icon Outlined: Outlined icon doesn't have a full background color.Icon background style: Use this option to specify an icon’s background style.Icon color: Use this option to specify the icon color.Media icon: Use this option to specify a media icon from the media library.Icon: Use this option to select an icon from 600+ icons.Layout display: Use this option to specify the display mode.Icon position: Use this option to specify where the icon will be positioned inside the module.With the Icon Box module you can work with more than 600+ icons from the most famous free icon libraries.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |