ICONBOX ICON LEFT FULL
If you don’t want to rely on the full Elementor page builder for your icon box, you can also find dedicated icon box block plugins for the WordPress block editor.
ICONBOX ICON LEFT HOW TO
How to Add an Icon Box Using the WordPress Block Editor Hit the Publish button to see how the element you created looks on your site’s front end. Optionally, you can use images from the WordPress Media Library instead of icons.Īdd a title for each feature you want to include in the icon box and write a description. Proceed to add as many features as you want, specify the maximum number of features per row, select the container shape and icon size.Ĭlick Choose Icon button to select one of Font Awesome’s icons for each feature you added to the widget. Click on the Page Builder tab to access the Edit Page window and then click on the Add Widget button.įind the SiteOrigin Features widget, click on it, and then click the widget’s Edit button.
ICONBOX ICON LEFT INSTALL
Both plugins are in the WordPress repository and you can install them from your site’s dashboard.Ĭreate a new page or open an existing page to which you want to add a feature box. The first thing you’ll need to do is install and activate the Page Builder and Widgets Bundle. However, the plugin doesn’t have the feature box element by default, and you must install the SiteOrigin Widgets Bundle to create an icon box. Page Builder by SiteOrigin is a freemium plugin compatible with most WordPress themes. Creating a Feature Box with Page Builder by SiteOriginĮlementor isn’t the only WordPress page builder you can use to create an icon box.
ICONBOX ICON LEFT PRO
While the icon box feature is available in the free version of Elementor, Elementor Pro adds tons of other useful features – you can learn about them in our full Elementor review. Change up all the style and layout options.Choose different icons from Font Awesome.In the Icon Box widget settings in the sidebar, you can: Then, you can add multiple Icon Box widgets to create an effect like this: All you need to do is click the plus icon and select however many columns you want. Typically, you’ll want to display icon boxes in some type of grid, which Elementor makes easy. 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. 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.
0 kommentar(er)
