FunFact

ElementsKit Funfact widget lets you display fascinating facts in numbers with icons and customizable options.  

Read this documentation to learn how to use the Elementor Funfact widget of ElementsKit.

Plugin Required: #

1. Elementor: Download plugin.
2. ElementsKit Lite: Download plugin.
3. ElementsKit Pro: Get the plugin.

Step 1: Enable Funfact Widget #

Firstly, you need to enable the widget from the WordPress dashboard. To enable the Funfact widget:

1. Navigate to ElementsKit > Widgets.
2. Find the Funfact from the list and enable the widget.
3. Click on the SAVE CHANGES.

Step 2: Drag and Drop the widget #

After that, drag and drop the ElementsKit Funfact widget into the Elementor editor.

Step 3: Customize Funfact widget #

Icon #

Under the content tab, you can customize the icon.

1. Icon Type: Choose from the available options: Icon, Image, or None.
2. Add Icon: This option is available for icons.
3. Icon: Choose an icon if you choose “Icon”.
4. Image: Choose an image if you choose “image”
5. Image Size: Select the image size for the image.

Under the style tab, you can change the styles of the icon,

1. Color: Choose an icon color.
2. BG Color: Choose a background color for the icon.
3. Border Type: Select the icon border type.
4. Border Radius: Adjust the border radius for the icon.
5. Size: Adjust the size of the icon.
6. Margin Bottom: The margin space to the bottom.
7. Padding: Adjust the padding around the icon.
8. Rotate: You can rotate the icon around 360 degrees.
9. Box Shadow: Add a box shadow style if you want.

Content #

Under the Content tab, you can customize the content,

1. Number Prefix: Add a prefix before the number.
2. Number: Add the number in this field.
3. Number Suffix: Add a suffix before the number.
4. Title: Enter the title content in this field.
5. Enable Super: You can enable the super option. And add a text or symbol in the Super field.

Under the Style tab, you can change the styles of the content,

1. Alignment: Set the alignment of the Funfact content.

Number Count:

2. Number Color: Choose a color for the number.
3. Typography: Set the number typography.
4. Spacing: Space between the number and the title.
5. Right Spacing: The space between the number and suffix.

Title:

6. Spacing: Adjust the bottom spacing for the title.
7. Color: Choose a title color.
8. Typography: Set the title typography.
9. Padding: Adjust the padding for the content title.
10. Content Margin: Adjust the margin around the content (number and title).

Super:

If you enable super, you can customize its styles as well.

1. Number Color: Choose a color.
2. Typography: Set typography.
3. Top: Adjust the position.
4. Horizontal Space: Adjust the space from the left.
5. Vertical Position: Set the vertical position to the top, middle, or bottom.

Settings #

Configure the settings for the Funfact widget.

1. Choose Animation Style: Select an animation style from the given options: Static or Sliding.
2. Animation Duration: Set the animation duration in milliseconds (ms).
3. Icon Position: Set the icon position to the Top, Left, or Right.
4. Title HTML Tag: Select the title HTML tag.

5. Enable Hover Border Bottom: You can add a bottom border, that is responsive to the mouse hover.
   1. Hover Border Bottom Color: If Hover Border Bottom is enabled, you can choose a color.
   2. Hover Direction: Set the hover direction to the left or right.
6. Enable Vertical Border: You can also add a Vertical border in the Funfact box.
   1. Border Direction: If enabled, select a border direction From Left or From Right.

Like the Content Ticker widget, ElementsKit comes with hundreds of advanced elements for Elementor. Get ElementsKit and use those elements to build WordPress websites with full of features.