Icon Block
Display any content with icon, heading and description text in a
unique way with icon block element
Icon Block Element
Elegant Elements includes an Icon Block element that will allow you to add a beautiful icon block with gradient background colors. Ability of setting the icon itself as background will add another layer of awesomeness to your website design. You can control each part of the design with handful of options.
Let’s add some colors
In the below example, we are adding only single background color and the icon and text colors to add more beauty to the already awesome looking icon blocks.
Now, let’s see some magic with gradient backgrounds
In the below example, we are now adding both background colors to form gradient background which will add more beauty to the already awesome looking icon blocks with some added colors as well.
Cool, no? How about placing icon at bottom?
In the below example, we will see how it looks after placing the icon at bottom. You can control the icon position with just a click and changing an option. This is useful when you want to describe something before visualizing 😉
Now, the most awesome feature
In the below example, the icon will be set as background of the icon block. This looks pretty awesome and we’re sure you will keep staring at this. What can be more beautiful than this?
Wanna add a link to the box? Here it is.
You can even add a link to the icon block to make it more useful. Add a link to any internal pages or an external url. Click the below icon blocks and you’ll be redirected to the pricing page.
Frequently Asked Questions
Yes, you can choose any Font Awesome icon using the icon picker and set it as background in the Icon Block element.
WPBakery Page Builder is a Frontend and Backend Page Builder for WordPress.
Elegant Elements is an add-on for the WPBakery Page Builder plugin.
While building your website using WPBakery Page Builder, you might come to a situation where you need a custom designed block or element that you are not sure how to develop, so you need custom elements to fulfil your requirement.
There are multiple elements including - Image Hotspot, Icon Block, Sortable Image Filters, Anything Carousel, Fancy Buttons, Animated Text, Gradient Headings, Gradient Columns, Gradient Containers, Image Mask and much more.