Announcement
shortcode

Attract your visitors' attention to the most important information on the page.
Read documentation
Usage frequency
72%
Preset amount
78%
Customizability
92%

Available options

Default code: [dfd_announcement main_style="style-1" content_announcement=""]

Style – Choose between 2 preset styles;

Alignment – Select the shortcode position;

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;

Content – Type the content of your announcement;

General styles – Select the background color to make your announcement more noticeable. Full width element option allows you to set the full width background for the announcement;

Border style – Allows you to set style, color, radius and width for the border;

Icon style – Customize the icon for the announcement. Choose the size, color and background for the icon;

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
Capitalise on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps.
Separated style
Capitalise on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps.

Customized styles

Some variations of style customizations of the shortcode
with border
Capitalise on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps.
with background
Capitalise on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps.
custom typography
Capitalise on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps.
separated with background
Capitalise on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps.
transparent background
Capitalise on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps.