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 dapibus ipsum eu ligula dignissim scelerisque. Curabitur rutrum leo id dolor egestas ullamcorper. In nec tellus at neque malesuada malesuada et sed nibh. Suspendisse feugiat tortor sed ante egestas viverra. Nam ac dolor et lorem euismod aliquet. In vel dui in mauris eleifend luctus. Aliquam viverra eros quis cursus sagittis. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt.

Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis. Integer quis nibh lobortis, posuere tortor nec, semper arcu. Pellentesque id dolor interdum, fermentum ligula id, pretium urna. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Aliquam posuere nisi ac consequat venenatis. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. Mauris tempus risus sed dolor euismod, id suscipit ante tincidunt. Pellentesque quis nisi sed elit aliquet fermentum ut at augue.

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 In vitae ligula interdum, auctor quam vitae, eleifend quam Donec quis nunc vitae nibh sagittis lacinia Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat Quisque dapibus justo a urna lobortis cursus Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus Nullam a sem a nunc facilisis suscipit sit amet sed ipsum Proin rutrum enim quis enim sagittis, at mattis purus rutrum Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi Suspendisse non justo nec est aliquet semper Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt Nulla in lorem sed ipsum cursus scelerisque Cras laoreet diam ac mauris placerat sollicitudin Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo Cras quis odio ac leo accumsan pharetra Mauris a velit eget odio sollicitudin laoreet Etiam quis ligula eleifend dolor convallis sagittis Etiam ornare felis sit amet purus tristique, in placerat velit faucibus Aenean quis nulla vel dolor blandit mattis et vel sem Phasellus eu mi quis nibh consectetur auctor Duis feugiat orci quis tempor faucibus Etiam sit amet arcu egestas, viverra dui sit amet, sodales urna Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt Morbi varius dui non nulla pre

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