Rotate box
shortcode

Present information in stylish rotate block. Hover to see the back side and read all the information.
Read documentation
Usage frequency
73%
Preset amount
79%
Customizability
91%

Available options

Default code: [dfd_rotate_box link_box="link_b" title_first="TITLE" subtitle_first="SUBTITLE"]

Style – Choose between 4 preset styles;

Rotate item height – Specify the height for the rotate item;

Link – Allows you can to enable and add the link to the  shortcode;

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;

Front side – Allows you to specify the background style for the rotate item’s front side, add title and subtitle;

Back side– Specify the background style for the rotate item’s back side and add description;

Additional info – This option allows you to add the number or short text at rotate item, specify the alignment and position for the info;

Typography – Select letter spacing, font size, line height and text color. You can also choose the custom font family.

Default styles

Samples of preset styles without custom changes
rotate left style
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
rotate right style
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
rotate bottom style
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
rotate top style
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.

Customized styles

Some variations of style customizations of the shortcode
back side image
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
front side image
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
both sides images
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
additional info
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
01
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
02
Rotate box title
Rotate box subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque velit mi, facilisis id nunc sed, vehicula molestie felis.
03