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. Duis ut dui ac lacus congue suscipit sed eu augue. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor. Sed ac sapien in sapien aliquet eleifend. Aenean vehicula arcu in imperdiet posuere. Nullam et lorem sodales, accumsan nisl quis, fermentum ante. Nunc at urna eleifend, tristique diam vel, posuere odio. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare. In ac ligula non mauris imperdiet auctor. Quisque vitae elit accumsan, mattis magna id, bibendum dui.

Integer laoreet mauris a augue bibendum blandit. Vestibulum non enim blandit, eleifend neque vel, convallis tellus. Vestibulum tincidunt tellus tristique arcu ornare, a fringilla purus sollicitudin. Proin eget est eu ante venenatis iaculis.

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 Aenean viverra ante id nunc lacinia aliquam In scelerisque sapien quis eros convallis imperdiet Proin rutrum enim quis enim sagittis, at mattis purus rutrum Fusce at orci vel orci suscipit commodo quis ac sem Phasellus sit amet odio sed leo laoreet consectetur Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum Suspendisse suscipit dui faucibus dui sodales convallis Donec quis enim egestas, pharetra ipsum vel, rutrum turpis Suspendisse feugiat tortor sed ante egestas viverra Nam eget mi ut risus fermentum fringilla Sed ultricies purus vitae est ornare vulputate Nam ac quam mattis, auctor erat eu, sollicitudin est Ut egestas ligula malesuada, fermentum dui a, ultrices enim Vivamus at turpis luctus metus commodo fermentum Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit Ut nec massa a nulla tempor volutpat sed et purus Vestibulum non odio adipiscing nulla elementum semper eu porttitor orci Mauris non dui eget justo bibendum imperdiet ut non velit Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor Vestibulum at diam tristique, interdum sapien in, blandit nulla Proin blandit magna ullamcorper luctus dictum Sed vehicula est non massa porttitor interdum Integer iaculis purus sed congue porta Duis dapibus nisi ut ante tincidunt ultrices Suspendisse ac risus nec velit faucibus

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"]