Info background
shortcode

Present the information in the noticeable way. Icons and background text will attract the attention to the most important information.
Read documentation
Usage frequency
74%
Preset amount
79%
Customizability
92%

Available options

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

Style – Choose between 3 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;

Icon – Allows you to choose the icon for the info background, set its size and color. You can set text or image instead of the icon;

Title – Add the title for your info background;

Subtitle – Add the subtitle for your info background;

Content – Allows you to add description to your info background;

Background content – Add the text which will be set as backgrund;

Apply link to – Choose where the link should be applied. You can apply it to the whole module, only to the title or to the read more button;

Link URL – Go to the external link by adding the link to the info background;

Read more button – Show the read more button under the content;

Button visibility – Allows you to show the button permanently or only on hover;

Read more style – Choose between 6 preset styles for the read more button;

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.

Default styles

Samples of preset styles without custom changes
left style
01.
Shortcode heading
Shortcode subheading
Underprivileged, network forward-thinking opportunity fight against oppression change movements.
02.
Shortcode heading
Shortcode subheading
Underprivileged, network forward-thinking opportunity fight against oppression change movements.
03.
Shortcode heading
Shortcode subheading
Underprivileged, network forward-thinking opportunity fight against oppression change movements.
Centered style
01.
Shortcode heading
Shortcode subheading
Underprivileged, network forward-thinking opportunity fight against oppression change movements.
02.
Shortcode heading
Shortcode subheading
Underprivileged, network forward-thinking opportunity fight against oppression change movements.
03.
Shortcode heading
Shortcode subheading
Underprivileged, network forward-thinking opportunity fight against oppression change movements.
justify style
01.
Shortcode heading
Shortcode subheading
Underprivileged, network forward-thinking opportunity fight against oppression change movements.
02.
Shortcode heading
Shortcode subheading
Underprivileged, network forward-thinking opportunity fight against oppression change movements.
03.
Shortcode heading
Shortcode subheading
Underprivileged, network forward-thinking opportunity fight against oppression change movements.

Customized styles

Customized styles Some variations of style customizations of the shortcode
without read more
35
Shortcode heading
Shortcode subheading
Underprivileged, network forward-thinking opportunity fight against oppression change movements.
79
Shortcode heading
Shortcode subheading
Underprivileged, network forward-thinking opportunity fight against oppression change movements.
19
Shortcode heading
Shortcode subheading
Underprivileged, network forward-thinking opportunity fight against oppression change movements.