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. Quisque sed erat eu orci ultrices vestibulum. Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Proin ultricies quam quis nisi pharetra, ut malesuada nibh varius. Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Nam ac quam mattis, auctor erat eu, sollicitudin est. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Mauris rhoncus leo id enim venenatis consequat. Etiam gravida elit a dui ornare, eu consequat tellus fringilla. Duis at mauris et turpis convallis gravida sit amet quis lectus.

Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Donec feugiat libero eget est eleifend, ut fermentum libero viverra. Nam varius magna at sem ultricies hendrerit. Phasellus aliquam ipsum ut aliquet dapibus. Nulla porta turpis vel est tempus dictum. Quisque pharetra eros convallis diam bibendum, ac vulputate augue aliquet. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Suspendisse quis justo et tellus mollis suscipit ut sed metus. Maecenas vestibulum lectus eu dui elementum, non porta magna dictum. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. Nullam mattis sapien commodo mauris elementum pulvinar.

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 Cras id urna eu justo sodales lacinia quis at turpis Nunc accumsan arcu ac blandit semper Fusce tristique dolor nec turpis euismod, a tempus arcu elementum Proin ut leo non arcu malesuada suscipit Fusce eget dolor congue, ultrices tortor at, fermentum risus Integer suscipit risus sed nisi sodales imperdiet eu id est Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus Proin ultricies massa vitae nisl ultrices imperdiet Praesent in purus dignissim, malesuada orci vitae, lacinia dolor Sed et quam sit amet ligula porttitor placerat at eu diam Etiam ornare felis sit amet purus tristique, in placerat velit faucibus Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus Nullam et lorem sodales, accumsan nisl quis, fermentum ante Morbi vitae sem eu lacus laoreet scelerisque ac a dui Sed vel odio sit amet nulla cursus laoreet ut ut ante In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis In ut enim vel mi sodales facilisis non id ipsum Sed ac sapien in sapien aliquet eleifend Quisque quis nibh commodo, ornare nisi eu, fringilla urna Mauris varius turpis eget magna accumsan varius Nulla ac dolor ultricies ligula vehicula consequat et et lectus Cras et velit in ante gravida elementum et molestie ipsum Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet Nam scelerisque ligula condime

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