Simple advertisement
shortcode

Show the hot offers on your site. Use it as banner, product category or add custom offers on your site.
Read documentation
Usage frequency
65%
Preset amount
75%
Customizability
94%

Available options

Default code: [dfd_simple_advertisement title_font_options="tag:div" subtitle_font_options="tag:div"]

Style – Choose between 7 preset styles;

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;

Image – Select the image for the shortcode;

Image width and height – Specify the width and height for the image to set the size you need;

Title – Add the title for the shortcode;

Subtitle – Add the subtitle for the shortcode;

Info – Allows you to add the info button to the advertisement;

Style – Choose background color for the info and add the shadow for the advertisement;

Add link– Go to the external link by adding the link to the info box;

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

Mask appear effect – Select the mask appearing hover effect;

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

Hover mask settings – Customize the mask style, background color and opacity;

Responsive – Specify the typography changes for desktop, tablet and mobile devices;

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

Responsive – Specify the font size, line height and letter spacing for different screen resolutions.

Default and Customized styles

Samples of preset and customized styles
left top style
Mauris ac rutrum
Simple
advertisement
Information
Banner image
left center style
Nullam vel varius
Simple
advertisement
Information
Banner image
left bottom style
Non auctor lorem
Simple
advertisement
Information
Banner image
right top style
Nam sagittis nibh
Simple
advertisement
Information
Banner image
right center style
Morbi interdum
Simple
advertisement
Information
Banner image
right bottom style
Aliquet tristique
Simple
advertisement
Information
Banner image
centered style
Praesent pharetra suscipit
Simple
advertisement
Information
Banner image