Gallery advanced
shortcode

Present the most noticeable galleries. Let your visitors hover to see more.
Read documentation
Usage frequency
75%
Preset amount
79%
Customizability
92%

Available options

Default code: [dfd_gallery_advanced_module posts_to_show="4" items_offset="20"]

Style – Choose between 2 preset styles;

Categories – Select the categories to show;

Module height – Allows you to set the height for the gallery;

Galleries to show – Set the number of items to show. Acceptable values are 2-6;

Items offset – Allows you to add the space between the gallery items;

Animation – Select among 14 appear 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;

Hover – Allows you to enable or disable the hover effect for the galleries items;

Mask appear effect – Select the hover effect for the mask appearing;

Image hover effect – Allows you to choose the image behaviour on hover;

Hover mask settings – Customize the mask style, color, opacity, set the color for the content on hover. You can also enable the frame decoration and customize it;

Hover decoration settings – Allow you to add the main decoration and choose the behaviour for the decoration link;

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
simple style
tilted style

Customized styles

Some variations of style customizations of the shortcode
gradient hover