1. Home
  2. Docs
  3. Happy Elementor Addons Free
  4. Widgets
  5. Info Box

Info Box

How To Use An Info Box Widget Of Happy Elementor Addons

With the Info Box Widget of Happy Elementor Addons, you can create beautiful info boxes for your webpage. You can give a sleek look to infoboxes with icons, images, texts, and many more options using the infobox widget of happy elementor addons.

Using Info Box:

You can see the below video to get an insight into how you can use the Info Box Widget to create beautiful designs. Or you can follow the documentation whichever you find convenient

 

Step 1:

Select the info box widget from the menu bar on the left-hand side of your screen then drag and drop it in the selected area.

ss1 17

Step 2:

In the ‘Content‘ section you will get options to edit ‘Image/Icon’,’Title & Description’, and ‘Button‘.

ss2 16

In ‘Icon/Image‘, you can upload either an icon or an image. You can also upload SVG as well.

ss3 17

Give your title and its description in ‘Title & Description‘. You can set the text size and position left, right, center and justify as well.

ss4 17

In ‘Button‘, add text, link. If you want you can add an icon or SVG as well to your button and set the position of the icon.

ss5 17

Step 3:

In ‘Style‘ you can design ‘Icon/Image‘, ‘Title & Description‘, and ‘Button‘ as you like.

ss6 16

In ‘Icon/Image‘, you can design the icon or image. You can add height, width, offset, padding, border and many more options to design your icon or image.ss7 16

In ‘Title & Description‘, add padding,text color, type of text using typography. You have enough options to make your title and description perfect to your liking.

ss8 12

Add padding,  text type, border and it’s radius, color, box-shadow. You can add a hover effect to your button as well.

ss9 11

Step 4:

If you want to add motion effects, happy effectsbackground or make it responsive and more intriguing, click on ‘Advanced‘ to explore those options. the ‘Advanced‘ is a default feature of Elementor. Give a read to this Document to know more about Advanced features and its uses.

ss10 9

Finally, after clicking the publish button you will see the beautiful info box on your webpage.

ss11 7

That’s it!.

Was this article helpful to you? Yes No

How can we help?