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. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Etiam ornare felis sit amet purus tristique, in placerat velit faucibus. Cras et velit in ante gravida elementum et molestie ipsum. Maecenas mollis nunc ac sem placerat luctus. Integer rutrum neque et massa aliquet ultricies. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. Aenean interdum augue sit amet justo ultrices gravida. Nullam ullamcorper lacus at dui consequat, vitae molestie orci dignissim. Aliquam imperdiet nibh gravida, sodales nulla a, venenatis neque.

Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Cras hendrerit tortor eget tortor pharetra consequat. Donec quis dolor congue, consequat nibh ac, auctor nibh. Sed lacinia neque a nulla bibendum hendrerit. Sed et quam sit amet ligula porttitor placerat at eu diam. In dapibus purus ultricies, porta sapien ac, tincidunt sapien. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. Donec tempor urna at auctor dictum. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. Aenean vitae nisi id nulla tristique egestas at eget odio. Sed ultricies purus vitae est ornare vulputate.

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 Ut molestie urna ut nulla hendrerit, in dictum odio consectetur Morbi egestas ipsum sit amet lorem porttitor eleifend Fusce ut enim id libero aliquet ullamcorper Maecenas mollis nunc ac sem placerat luctus Cras bibendum nunc et turpis facilisis, id porttitor est ultricies Mauris a eros placerat, sodales erat sed, hendrerit erat Morbi egestas ipsum sit amet lorem porttitor eleifend Nullam et odio sit amet libero consectetur congue ac vitae tortor Fusce ut enim id libero aliquet ullamcorper Sed in nulla in nibh sollicitudin consectetur sed vel mauris Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat Aliquam sagittis leo eu sodales tristique Suspendisse quis justo et tellus mollis suscipit ut sed metus Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc Donec quis dolor congue, consequat nibh ac, auctor nibh Pellentesque accumsan enim id convallis pellentesque Etiam lobortis diam sit amet facilisis dictum Praesent lacinia ante vitae elementum adipiscing Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc Cras in ante et erat porta luctus Vestibulum non enim blandit, eleifend neque vel, convallis tellus Vestibulum at diam tristique, interdum

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