1. Home
  2. Docs
  3. Happy Elementor Addons Fr...
  4. Widgets
  5. Card


How To Use the Card Widget of Happy Elementor Addons

With the Card Widget of Happy Elementor Addons, you can create powerful demonstrations of your product with a sleek design. You can showcase your products with beautiful texts, links, badges, and images with the card widget of Happy Elementor Addons.

Using Card:

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


Step 1:

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

ss1 15

Step 2:

In the ‘Content‘ section you will get options to edit ‘Image & Badge’, ‘Title & Description’, and ‘Button‘. You can edit them from here.

ss2 14

In ‘Image & Badge‘, you can upload the image, set image size and position. Also, you can add badge text.

ss3 15

For editing your ‘Title & Description‘, add title and description text. You can set the size of your title text and position your text with left, right, center and justify.

ss4 15

Edit your ‘Button‘, add text, link. You can add an icon to your button and position your icon as well.

ss5 15

Step 3:

In ‘Style‘, you will get options to design your ‘Image’,’Badge’,’Title & description’, and ‘ Button‘.

ss6 14

In ‘Image‘, you can set width, height. Add padding, border, box-shadow. You can use a hover effect as well. There is various hover animation available to choose from.

ss7 15

In ‘Badge‘, you can set the position of your badge. Add padding, width, border, box-shadow and many more. You can add text type as well.

ss8 11

In ‘Title & description‘, you will get the same options as well as ‘Badge‘. Design your title and description any way you like.

ss9 10

Add padding, border, box-shadow to your ‘Button‘. You can add a hover effect to your button as well.

ss10 8

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.

ss11 6

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

ss12 5

That’s it!.

How can we help?