Image carousel
shortcode

Display images in a carousel. The images are easy to add and pleasant to view. Add the link to the images to show the external pages.
Read documentation
Usage frequency
61%
Preset amount
74%
Customizability
92%

Available options

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

Style – Choose between 3 preset styles;

Display on the screen – Define how to present the images as set in columns or as slideshow;

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;

List content – Allows you to choose the image, add the description. You can also add the link to your image;

Columns – Specify the number of columns for the images;

Delimiter– Allows you to enable or disable the delimiter between the images;

Opacity – This option allows you to set the image’s opacity for the idle and hover;

Background – Set the color for the mask hover background;

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

Default and Customized styles

Samples of preset and customized styles
opacity columns
opacity carousel
opacity with delimiter
Greyscale
rotate