Tilted info
shortcode

Present the information in a compact tilted blocks. Add icons and customize the blocks for the best impact on the visitors.
Read documentation
Usage frequency
68%
Preset amount
73%
Customizability
87%

Available options

Default code: [dfd_presentation_tilted main_style="style-1" title_font_options="tag:div"]

Style – Choose between 2 preset styles;

Element width – Select width of the elements according to the width of the container;

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;

Content – Allows you to add icon, image or text and their color, add title, subtitle and description of the block;

Dark background – This option allows you to change the text color to make it more visible if the dark background is set;

Style – Allows you to customize the icon size and border radius of the info block;

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

Default styles

Samples of preset styles without custom changes
left tilt style
right tilt style

Customized styles

Some variations of style customizations of the shortcode
custom background
  • Shortcode title
    Shortcode subtitle
    Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches.
  • Shortcode title
    Shortcode subtitle
    Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches.
  • Shortcode title
    Shortcode subtitle
    Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches.
  • Shortcode title
    Shortcode subtitle
    Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches.
CUSTOM BACKGROUND