Introduction

The alert shortcode can be used to draw attention to important information on your WordPress website. Because of its many options, it can also be used as a general layout element for page building. Alerts are similar to the content box, promotional box, and content section shortcodes but are more basic.

This is an example of the alert shortcode

Block Alerts and Border Radius

You can show alerts that have a little more padding on them. Whitespace, the extra empty space around an element, is a powerful tool in the design of your website.

Another design tool is the ability to set the border radius (rounded corners) of the alert. Rounding the corners will add a softer look to the alert. Even a small amount goes a long way.

This is a block alert and has a little more padding. Choose any color you want for the alerts. Also notice that this alert has a border radius (rounded corners).

Close Button

Though not often used, you can add a close button to the alert shortcode. This will show an × in the corner of the alert that will hide the alert when clicked. The best use for this is to allow your users to dismiss a very large alert.

This alert has a close button.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Proin ut lacus ac mi sollicitudin interdum. Nulla sed lectus ac tellus rhoncus pellentesque. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Aliquam at orci ultrices, vehicula erat eget, ornare urna. Nunc accumsan arcu ac blandit semper. Donec semper arcu eget porta accumsan. Cras id urna eu justo sodales lacinia quis at turpis. Nulla dictum purus in vehicula volutpat.

Nunc fermentum tortor pulvinar, auctor arcu sit amet, molestie ligula. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Vestibulum imperdiet urna vitae sapien faucibus porttitor. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit.

Go Beyond the Basics

Get creative and use alerts for effective layouts. Alerts are a quick way to add a colored box anywhere on your pages.

This alert shortcode has a shadow on the bottom. Choose from many different shadows.

Lorem ipsum dolor sit amet, consectetur adipiscing elit Cras sit amet mi eu sem congue fringilla Nulla egestas ipsum nec turpis auctor, id suscipit nulla tempor Phasellus nec neque consequat, commodo nulla sit amet, pellentesque enim Proin egestas tortor sit amet venenatis posuere Quisque vel ante non ipsum malesuada egestas Nullam accumsan lacus sit amet varius faucibus Vestibulum id erat quis ante dictum consequat a sed dui Pellentesque id dolor interdum, fermentum ligula id, pretium urna Praesent ut est nec eros pharetra ultrices vitae vitae nisi Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis Proin quis magna nec nisl lacinia vulputate Mauris rhoncus leo id enim venenatis consequat Suspendisse sed sem sed lorem sagittis auctor non non augue Nullam et odio sit amet libero consectetur congue ac vitae tortor Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum Vivamus ut lectus vitae nulla pharetra accumsan sed eget nisi Ut eu leo at libero tempor blandit Morbi at libero at sapien ultricies feugiat in quis orci Nulla id mi sed velit scelerisque fringilla Aliquam ut turpis eu est auctor laoreet volutpat nec ante Nam vel massa eleifend, pellentesque turpis a, ullamcorper erat In vel dui in mauris eleifend luctus Fusce at orci vel orci suscipit commodo quis ac sem Cras hendrerit tortor eget tortor pharetra consequat Nullam sodale

Explore More Shortcodes

[intense_content_section]
<h2>Introduction</h2>
The alert shortcode can be used to draw attention to important information on your WordPress website. Because of its many options, it can also be used as a general layout element for page building. Alerts are similar to the content box, promotional box, and content section shortcodes but are more basic.
[intense_alert]
This is an example of the alert shortcode
[/intense_alert]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
<h2>Block Alerts and Border Radius</h2>
[intense_row padding_top="0"]
[intense_column size="6" medium_size="6"]
You can show alerts that have a little more padding on them. Whitespace, the extra empty space around an element, is a powerful tool in the design of your website.

Another design tool is the ability to set the border radius (rounded corners) of the alert. Rounding the corners will add a softer look to the alert. Even a small amount goes a long way.
[/intense_column]
[intense_column size="6" medium_size="6"]
[intense_alert color="error" font_color="#ffffff" border_radius="5px" block="1"]
This is a block alert and has a little more padding. Choose any color you want for the alerts. Also notice that this alert has a border radius (rounded corners).
[/intense_alert]
[/intense_column]
[/intense_row]
[/intense_content_section]
[intense_content_section]
<h2>Close Button</h2>
[intense_row padding_top="0"]
[intense_column size="6" medium_size="6"]
Though not often used, you can add a close button to the alert shortcode. This will show an <strong>×</strong> in the corner of the alert that will hide the alert when clicked. The best use for this is to allow your users to dismiss a very large alert.

[/intense_column]
[intense_column size="6" medium_size="6"]

[intense_alert close="1" color="success" font_color="#fff"]
This alert has a close button.

[intense_filler paragraphs="2"]
[/intense_alert]
[/intense_column]
[/intense_row]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
<h2>Go Beyond the Basics</h2>
Get creative and use alerts for effective layouts. Alerts are a quick way to add a colored box anywhere on your pages.
[intense_row padding_top="0"]
[intense_column size="6" medium_size="6"]
[intense_alert color="warning" shadow="4"]
This alert shortcode has a shadow on the bottom. Choose from many different shadows.

[intense_filler bytes="1400"]
[/intense_alert]
[/intense_column]
[intense_column size="6" medium_size="6"]
[intense_image image="3142" size="medium640" title="flowers"]
[/intense_column]
[/intense_row]
[/intense_content_section]
[intense_snippet snippet_id="Child Theme | Shortcodes/footer" snippet_title="Shortcode Page Footer"]