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. Duis scelerisque nulla ac augue vulputate, in luctus ligula convallis. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Aliquam vel massa vulputate, dictum nulla sodales, suscipit nisi. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Curabitur quis sem at massa fermentum egestas. Pellentesque egestas leo aliquam vehicula iaculis. Curabitur blandit elit nec ipsum dapibus suscipit.

Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Nulla dictum purus in vehicula volutpat. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. Cras laoreet diam ac mauris placerat sollicitudin. Cras at nisi eget mauris dictum vehicula eu non massa. Proin molestie libero ac risus pellentesque mollis. Sed a sapien et urna sagittis lacinia eget id nisi. Nullam et lacus non enim cursus varius eget vitae ante. Vivamus iaculis dolor consequat, euismod orci in, egestas ante.

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 Duis at mauris et turpis convallis gravida sit amet quis lectus Duis consectetur est eget mi consectetur, sed dignissim mauris lacinia Proin ut lacus ac mi sollicitudin interdum Praesent et enim eu orci aliquam eleifend Fusce vitae libero ac ipsum ultrices mollis Integer pulvinar risus ut magna ornare, id tincidunt arcu porta Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis Duis euismod arcu sit amet scelerisque iaculis Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan Sed in nulla in nibh sollicitudin consectetur sed vel mauris Proin eget est eu ante venenatis iaculis Donec ut tortor in risus eleifend porttitor Duis accumsan risus quis metus dapibus bibendum Nullam sodales purus id velit pharetra commodo Fusce tristique dui et nisi hendrerit ultrices Mauris sed dolor viverra, accumsan nisl ac, interdum metus Ut eu leo at libero tempor blandit Duis id odio in mi ultricies ultricies Mauris at ipsum vel metus viverra ultricies Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet Sed tristique urna non vehicula imperdiet Aliquam quis arcu non magna aliquam iaculis Vivamus ut lectus vitae nulla pharetra accumsan sed eget nisi Mauris vel nisi feugiat, condimentum est vel, eleifend diam Vivamus ac leo mollis, posuere sapien id, accumsan sapien Nullam accumsan lacus sit amet vari

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