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. Suspendisse varius metus nec massa malesuada laoreet. In accumsan nunc venenatis convallis auctor. Nunc vitae metus nec nulla iaculis dictum nec in nunc. Vestibulum imperdiet urna vitae sapien faucibus porttitor. Mauris a velit eget odio sollicitudin laoreet. Nunc ut nisl in lacus tempus interdum. Fusce ac neque congue urna tristique scelerisque. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Donec et turpis posuere, euismod tortor at, sagittis massa. Nunc non justo ultricies, tristique libero vitae, ornare odio. Nam vel libero id dui pellentesque fermentum.

Phasellus sollicitudin sapien facilisis augue dapibus varius. Pellentesque id dolor interdum, fermentum ligula id, pretium urna. Vivamus sit amet lacus a justo venenatis pulvinar. Nunc eleifend tortor quis blandit pellentesque. Duis accumsan nibh sed orci lobortis imperdiet. Maecenas facilisis augue et nisi ullamcorper condimentum. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. In ac lorem feugiat, molestie ligula ac, congue risus.

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 Nam vel libero id dui pellentesque fermentum Sed vel dolor tempus, imperdiet erat in, varius orci In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh Proin blandit magna ullamcorper luctus dictum In vel dui in mauris eleifend luctus Sed a nisl sed neque tristique volutpat eget eu augue Aliquam ut turpis eu est auctor laoreet volutpat nec ante Praesent commodo diam vitae sodales laoreet Nullam interdum tortor sit amet lacinia auctor Mauris vel arcu tincidunt quam convallis viverra in vel ante Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis Suspendisse sed ipsum tincidunt, mattis turpis quis, blandit nulla Donec eget quam non ligula placerat ultrices Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper Cras tincidunt ipsum et scelerisque ultrices Curabitur tristique ligula ut elit luctus convallis Ut egestas magna sed ipsum faucibus pellentesque Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique In in nulla vel arcu bibendum aliquet Cras scelerisque odio non vehicula porta Sed a elit lobortis, facilisis risus vel, fringilla enim Vestibulum dictum nunc ut mi semper, non suscipit mauris sollicitudin Nam non mi ut orci commodo bibendum Morbi non leo dictum metus lobortis hendrerit sit amet in nunc Integer suscipit risus sed nisi sodales imperd

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