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. Mauris vel arcu tincidunt quam convallis viverra in vel ante. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis.

Praesent at ante quis urna aliquam tristique. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat. Mauris varius turpis eget magna accumsan varius. Curabitur rutrum leo id dolor egestas ullamcorper. Sed vel dolor tempus, imperdiet erat in, varius orci. Nam varius magna at sem ultricies hendrerit. Praesent ac mi quis dui tincidunt suscipit. Pellentesque ac est consectetur, ornare lorem varius, sagittis ligula. Aenean blandit urna vel lectus fermentum facilisis eu ut metus. Sed faucibus risus nec pharetra euismod. Cras id urna eu justo sodales lacinia quis at turpis.

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 Morbi tincidunt justo vel felis interdum, quis pharetra libero porta Pellentesque accumsan enim id convallis pellentesque Etiam commodo neque quis aliquam congue Vestibulum vitae dui non diam tincidunt malesuada Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu Nunc nec ligula sit amet nibh commodo sagittis et ac tellus Cras et velit in ante gravida elementum et molestie ipsum Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus Fusce ut enim id libero aliquet ullamcorper Donec varius magna nec ante vehicula pulvinar Etiam eget purus suscipit, ullamcorper orci eget, posuere purus Vestibulum dictum nunc ut mi semper, non suscipit mauris sollicitudin Etiam sit amet arcu egestas, viverra dui sit amet, sodales urna Cras at dolor sed felis volutpat aliquet vel et enim Sed non dolor posuere, malesuada turpis vitae, consequat lectus Aenean vitae nisi id nulla tristique egestas at eget odio Fusce sit amet risus et diam congue venenatis Mauris porttitor sapien eget nibh imperdiet, sed ultrices enim porta Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi Quisque ut dolor nec nulla ullamcorper vestibulum Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus Fusce varius tellus eget eros varius dapibus quis eget urna Aliquam posuere nisi ac consequat venenatis Etiam venenatis massa a tu

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