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. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Morbi non odio sed mauris euismod pulvinar quis quis nisl. Aenean nec mauris et quam interdum tristique. Fusce tristique est non ligula iaculis, et accumsan neque euismod. Cras laoreet diam ac mauris placerat sollicitudin. Morbi tristique nulla vitae eros pharetra blandit. Nam ac quam mattis, auctor erat eu, sollicitudin est. Nullam a sem a nunc facilisis suscipit sit amet sed ipsum. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor.

Curabitur tristique ligula ut elit luctus convallis. Duis et dui ac orci dapibus imperdiet. Aliquam rutrum quam non interdum egestas. Nunc vestibulum tortor volutpat orci tincidunt suscipit eget quis lorem. Fusce tristique est non ligula iaculis, et accumsan neque euismod. Duis euismod arcu sit amet scelerisque iaculis. Quisque ac orci condimentum, suscipit nibh vitae, viverra elit. Nunc porta ante eu tellus venenatis suscipit. Aenean mattis nisl et sem adipiscing, at aliquam est dictum.

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 Curabitur dapibus ipsum eu ligula dignissim scelerisque Donec quis nunc vitae nibh sagittis lacinia Cras laoreet diam ac mauris placerat sollicitudin Phasellus molestie massa id posuere cursus Sed a elit lobortis, facilisis risus vel, fringilla enim Cras eu neque sodales, ultricies lectus nec, laoreet est Pellentesque sit amet quam nec tellus condimentum suscipit non et purus Suspendisse sed sem sed lorem sagittis auctor non non augue Suspendisse non justo nec est aliquet semper Donec dapibus ante eu tellus tempus sodales Aliquam tincidunt nibh vitae leo fringilla gravida nec eget velit In vitae purus vitae elit congue imperdiet vel sit amet dolor Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet Aenean viverra ante id nunc lacinia aliquam Duis at mauris et turpis convallis gravida sit amet quis lectus Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus Quisque molestie tortor quis enim suscipit convallis Donec in tellus ut libero scelerisque venenatis Fusce sit amet risus et diam congue venenatis Quisque ac orci condimentum, suscipit nibh vitae, viverra elit Nam laoreet sapien ac odio ullamcorper posuere Etiam vulputate lectus eget enim porttitor euismod In ac ligula non mauris imperdiet auctor Pellentesque consectetur mauris sed est porttitor, at imperdiet erat laoreet Etiam sit amet arc

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