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. Nullam non lorem mollis, cursus libero non, consectetur erat. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Sed mattis augue ut blandit eleifend. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus. Praesent a sapien nec enim rutrum ultrices in adipiscing augue. Pellentesque ac est consectetur, ornare lorem varius, sagittis ligula.

Etiam sodales orci eget sapien sodales adipiscing. Aliquam in augue congue, consectetur est eget, gravida enim. Etiam lobortis diam sit amet facilisis dictum. Donec dapibus ante eu tellus tempus sodales. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo.

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 Fusce vitae libero ac ipsum ultrices mollis Phasellus molestie massa id posuere cursus Curabitur dapibus ipsum eu ligula dignissim scelerisque Vestibulum imperdiet urna vitae sapien faucibus porttitor Morbi sit amet eros id lectus ultricies euismod Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin Ut mattis orci pharetra, suscipit augue a, faucibus felis In in nulla vel arcu bibendum aliquet Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu Suspendisse sed mauris sed leo feugiat consequat Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor Nulla in lorem sed ipsum cursus scelerisque Integer quis nibh lobortis, posuere tortor nec, semper arcu Nullam non lorem mollis, cursus libero non, consectetur erat Ut egestas magna sed ipsum faucibus pellentesque Etiam pretium massa malesuada vestibulum volutpat Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus Proin in tortor vehicula, porttitor elit at, egestas mi Praesent ut est nec eros pharetra ultrices vitae vitae nisi Nulla ac tortor hendrerit felis accumsan pulvinar Curabitur quis sem at massa fermentum egestas Fusce varius tellus eget eros varius dapibus quis eget urna Nullam non lorem mollis, cursus libero non, consectetur erat Vestibulum non odio adipiscing nulla elementum semper eu porttitor orci Viva

Explore More Shortcodes

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