Fun Factor

Show the numbers that prove your track record.

Stat counters with an icon or image, count-up on scroll, title, description, divider and card styles.

Elementor widget

Requirements

  • Elementor 3.5 or newer
  • WordPress 6.2 or newer
  • PHP 7.4 or newer
  • Licence: free — installs straight from Moduly

Add it to a page

  1. Edit the page with Elementor.
  2. In the widget panel, search for Fun Factor. Our widgets sit in the Moduly category and carry the Moduly badge.
  3. Drag it onto the page.
  4. Set it up in the Content tab, style it in the Style tab, and use Advanced for spacing, motion and visibility.

Settings

Icon / Image

SettingWhat you can set
Media TypeNone, Icon or Image
IconIcon picker
ImageImage
Image Resolutionany registered image size
Image DimensionYou can crop the original image size to any custom size. You can also set a single value for height or width in order to keep the original size ratio.
PositionLeft, Top or Right
Vertical AlignmentTop, Middle or Bottom · For the left and right positions.

Number & Title

SettingWhat you can set
NumberDigits only (a decimal point is fine). Anything else is shown as typed and not animated.
Number PrefixText
Number SuffixText
TitleText
DescriptionText
Title HTML TagH1, H2, H3, H4, H5, H6, div, span, … (9 in all)
Title Above the NumberOn / off

Count-up

SettingWhat you can set
Count UpStarts when the stat scrolls into view. Still in the editor and for reduced motion.
Start FromNumber
Duration (ms)Number
Delay (ms)Number
EasingEase out, Ease in and out, Linear, Fast start or Overshoot
Thousands SeparatorNone, Comma (1,000), Dot (1.000), Space (1 000) or Apostrophe (1'000)
Decimal PointDot (1.5) or Comma (1,5)

Options

SettingWhat you can set
Show DividerOn / off
Text AlignmentLeft, Center or Right
Link the Whole BoxLink
Hover EffectNone, Lift, Grow, Bottom border draws or Icon pops

Style tab: design controls for Box, Icon / Image, Number, Title & Description or Divider — colours, typography, spacing, borders and hover states.

Tips

  • Visitors who ask their device for reduced motion get a calmer, still version automatically.

Troubleshooting

  • Changes not showing on the live page? Regenerate CSS in Elementor → Tools → Regenerate CSS & Data and clear any page cache.
  • Works well with: Facebook Feed, Image Stack Group, Instagram Feed.