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. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Sed nec ligula id lacus gravida consequat. Suspendisse nec ipsum sed metus lacinia vestibulum. Sed eget nisi at metus varius gravida ac eu mi. Curabitur blandit ante id nibh convallis, vel euismod velit commodo. Vestibulum eu lectus non nunc vehicula blandit. Vestibulum non enim blandit, eleifend neque vel, convallis tellus.

Donec porta orci vestibulum commodo ullamcorper. Etiam eu dolor eget arcu sodales posuere sit amet in dolor. Morbi et ligula a enim euismod lobortis. In vel dui in mauris eleifend luctus. Sed interdum magna a nibh lacinia, in rhoncus ipsum porttitor. Nam posuere turpis ut semper ullamcorper. Integer tempor leo eget tellus fermentum sollicitudin. Aliquam ut turpis eu est auctor laoreet volutpat nec ante. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Sed interdum magna a nibh lacinia, in rhoncus ipsum porttitor.

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 Morbi pulvinar elit a felis vulputate volutpat Suspendisse non justo nec est aliquet semper Maecenas sollicitudin purus sodales leo molestie interdum Nulla euismod lorem eu elit ornare, ac consectetur sem elementum Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet Nam ut leo a tellus laoreet ornare at vel massa Nunc sed erat in nisl malesuada vestibulum Sed tristique justo id ipsum luctus fringilla Praesent id sem at risus adipiscing feugiat Aenean at dolor aliquet nisl feugiat dignissim Duis id odio in mi ultricies ultricies Mauris sed dolor viverra, accumsan nisl ac, interdum metus Cras in ante et erat porta luctus Praesent dictum augue eu urna ultricies adipiscing Mauris sit amet nibh sagittis, elementum metus et, facilisis massa Mauris vel arcu tincidunt quam convallis viverra in vel ante Nullam non lorem mollis, cursus libero non, consectetur erat Donec porttitor ipsum ac facilisis mattis Quisque ut dolor nec nulla ullamcorper vestibulum Cras et velit in ante gravida elementum et molestie ipsum Ut sed nunc venenatis, interdum nisi non, tristique velit Curabitur eu nisl in tortor lacinia suscipit eu quis nulla Aliquam viverra eros quis cursus sagittis Pellentesque et sem interdum, pulvinar ligula quis, suscipit erat Vestibulum imperdiet urna vitae sapien faucibus porttitor Nulla ac dolor ultricies

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