Sitewide Ramadan Sale!

Up To
30%

Savings

Ending in:

Wpmet Symbol
Day
Hou
Min
Sec

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.
customize icon in Elementor Funfact widget

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.
change icon styles of Elementor Funfact widget

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.
customize Funfact widget content

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

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

Number Count:

  1. Number Color: Choose a color for the number.
  2. Typography: Set the number typography.
  3. Spacing: Space between the number and the title.
  4. Right Spacing: The space between the number and suffix.
Change styles of Number Count content of Funfact widget

Title:

  1. Spacing: Adjust the bottom spacing for the title.
  2. Color: Choose a title color.
  3. Typography: Set the title typography.
  4. Padding: Adjust the padding for the content title.
  5. Content Margin: Adjust the margin around the content (number and title).
Change styles of title content of Funfact widget

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.
Enable and customize the super character of Elementor Funfact widget
customize-super-character-of-elementor-funfact-widget

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.
Configure the settings for the Funfact widget
  1. 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.
  2. 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.
Configure the settings for the Funfact widget

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.

What are your feelings
Updated on January 28, 2024