Full screen portfolio
shortcode

Outstanding full screen portfolios in several clicks. Easy in creating and outstanding result
Read documentation
Usage frequency
79%
Preset amount
88%
Customizability
96%

Available options

Default code: [dfd_portfolio_fullscreen items_to_show="5" portfolio_blur_bg_image=""]

Style – Choose between 2 preset styles;

Items to show – Specify the number of portfolios you would like to show;

Categories – Select the categories to show;

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;

Content elements – Choose the content elements you’d like to display;

Blur – Enable or disable the blur effect for background image;

Content alignment – Allows you to align the content horizontally;

Image mask settings – Select the mask color for the background image and carousel;

Navigation settings – Customize the idle and hover colors for navigation elements, customize the border;

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;

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 and Customized styles

Samples of preset and customized styles
horizontal with blur
vertical without blur