Facts
shortcode

The excellent way to show the most interesting facts on your site. Impress the visitors with stylish presentation.
Read documentation
Usage frequency
70%
Preset amount
83%
Customizability
92%

Available options

Default code: [dfd_facts transition="odometer" main_style="style-1"]

Style – Choose between 6 preset styles;

Content – Set the facts number, title and subtitle;

Numbers animation – Allows you to add the animation for the fact’s number;

Content alignment – Select the alignment for the shortcode;

Animation – Choose between 14 preset animation effects;

Custom CSS Class – Type your own unique class name for the item – this is a useful option for those who want to create a specific style.
For example, you can type custom-style class and then go to Theme options -> General Options -> Custom CSS / JS -> Custom CSS and write your own CSS code with this class to get your own style;

Icon – Customize the icon for the fact. Choose the size and color for the icon;

Typography – Select letter spacing, font size and element tag. You can also choose the custom font family;

Responsive – Specify the font size, line height and letter spacing for different screen resolutions.

Default styles

Samples of preset styles without custom changes
Standard style
0
Module title
Module subtitle
0
Module title
Module subtitle
0
Module title
Module subtitle
0
Module title
Module subtitle
top icon style
0
Module title
Module subtitle
0
Module title
Module subtitle
0
Module title
Module subtitle
0
Module title
Module subtitle
bottom icon style
0
Module title
Module subtitle
0
Module title
Module subtitle
0
Module title
Module subtitle
0
Module title
Module subtitle
title with icon style
0
Module title
Module subtitle
0
Module title
Module subtitle
0
Module title
Module subtitle
0
Module title
Module subtitle
number with icon style
0
Module title
Module subtitle
0
Module title
Module subtitle
0
Module title
Module subtitle
0
Module title
Module subtitle

Customized styles

Some variations of style customizations of the shortcode
odometr animation
0
Module title
Module subtitle
0
Module title
Module subtitle
0
Module title
Module subtitle
0
Module title
Module subtitle
custom typography
0
Module title
Module subtitle
0
Module title
Module subtitle
0
Module title
Module subtitle
0
Module title
Module subtitle