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. Proin in tortor vehicula, porttitor elit at, egestas mi. Aliquam et nibh placerat purus pellentesque semper nec quis sem. Curabitur tristique ligula ut elit luctus convallis. Nam ut leo a tellus laoreet ornare at vel massa. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor. Praesent a justo mattis, pellentesque lacus placerat, ornare est. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit.

Aenean blandit urna vel lectus fermentum facilisis eu ut metus. Morbi tristique nulla vitae eros pharetra blandit. Sed eget nisi at metus varius gravida ac eu mi. Duis et dui ac orci dapibus imperdiet. Praesent id sem at risus adipiscing feugiat. Donec in tellus ut libero scelerisque venenatis. Ut nec massa a nulla tempor volutpat sed et purus.

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 Pellentesque sit amet quam nec tellus condimentum suscipit non et purus Cras tincidunt ipsum et scelerisque ultrices Proin ut leo non arcu malesuada suscipit Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis Vestibulum dictum nunc ut mi semper, non suscipit mauris sollicitudin Maecenas ultricies ante quis sodales accumsan Integer suscipit risus sed nisi sodales imperdiet eu id est Nulla semper ipsum sed sapien fringilla vehicula Fusce tristique dolor nec turpis euismod, a tempus arcu elementum Sed vel odio sit amet nulla cursus laoreet ut ut ante Sed ac sapien in sapien aliquet eleifend Suspendisse id ante mattis, facilisis felis a, scelerisque est Mauris sit amet nibh sagittis, elementum metus et, facilisis massa Vestibulum dictum nunc ut mi semper, non suscipit mauris sollicitudin Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum Mauris quis ante sed mauris porta lacinia sed a dui Vestibulum tincidunt tellus tristique arcu ornare, a fringilla purus sollicitudin Sed ultricies purus vitae est ornare vulputate Mauris non dui eget justo bibendum imperdiet ut non velit Aliquam quis arcu non magna aliquam iaculis Curabitur quis sem at massa ferment

Explore More Shortcodes

Buy Now - Only $30
View shortcodes used to create this page.

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