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. Praesent commodo diam vitae sodales laoreet. Integer feugiat neque in sem rutrum laoreet. Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit. Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt. Nulla id mi sed velit scelerisque fringilla. Mauris sit amet nibh sagittis, elementum metus et, facilisis massa.

Phasellus nec neque sed eros lobortis elementum eget quis elit. Praesent sed lectus vitae libero accumsan mollis. Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Nullam et mi aliquam, pellentesque neque aliquam, tincidunt diam. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis.

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 vel nunc id mauris mollis congue sed vitae lacus Nam pretium metus nec lacus auctor, in lacinia lorem ullamcorper Praesent id sem at risus adipiscing feugiat Sed a nisl sed neque tristique volutpat eget eu augue Sed id leo dictum, hendrerit urna vitae, ullamcorper felis Nunc vulputate metus et magna consectetur accumsan Aenean tristique lacus non vestibulum hendrerit Nam eget mi ut risus fermentum fringilla Etiam eget purus suscipit, ullamcorper orci eget, posuere purus Nulla in lorem sed ipsum cursus scelerisque Phasellus sollicitudin sapien facilisis augue dapibus varius Morbi vitae sem eu lacus laoreet scelerisque ac a dui Nullam eu tortor vitae turpis malesuada aliquam Phasellus suscipit urna id mauris fringilla accumsan Aenean tristique lacus non vestibulum hendrerit Sed nec ligula id lacus gravida consequat Praesent sed lectus vitae libero accumsan mollis Morbi ut massa a orci imperdiet euismod vel nec urna Etiam vulputate lectus eget enim porttitor euismod Vestibulum tincidunt tellus tristique arcu ornare, a fringilla purus sollicitudin Aenean viverra ante id nunc lacinia aliquam Aenean vehicula arcu in imperdiet posuere Curabitur pulvinar lacus at nulla elementum, eget suscipit neque imperdiet Integer tempor leo eget tellus fermentum sollicitudin Curabitur varius odio a adipiscing tempor Curabitur quis sem at

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