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 eu mauris consectetur, accumsan leo in, venenatis nisi. Aenean blandit urna vel lectus fermentum facilisis eu ut metus. Nunc at urna eleifend, tristique diam vel, posuere odio. Morbi sit amet massa nec elit lobortis dictum id at leo. Proin quis magna nec nisl lacinia vulputate. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Nullam et odio sit amet libero consectetur congue ac vitae tortor. Donec tempor nisl eget libero imperdiet auctor.

Phasellus molestie massa id posuere cursus. In vitae ligula interdum, auctor quam vitae, eleifend quam. Aliquam posuere nisi ac consequat venenatis. Aenean blandit urna vel lectus fermentum facilisis eu ut metus. Nam vel libero id dui pellentesque fermentum. Ut egestas lectus sit amet ante posuere molestie. Nunc eu mauris ac felis sodales lacinia. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus. Ut et neque posuere, malesuada dui quis, pulvinar metus. Cras id urna eu justo sodales lacinia quis at turpis. Sed ut augue viverra, lobortis lacus nec, tincidunt mi.

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 Nam quis odio id purus adipiscing consequat eget ac risus Sed placerat est nec diam lobortis auctor In vitae ligula interdum, auctor quam vitae, eleifend quam Quisque feugiat sem nec nisi sodales ullamcorper Fusce ac neque congue urna tristique scelerisque Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus Proin vel orci mattis nunc ullamcorper gravida et viverra orci Proin vel orci mattis nunc ullamcorper gravida et viverra orci Praesent mollis lacus sit amet tortor malesuada placerat Aliquam vel massa vulputate, dictum nulla sodales, suscipit nisi Duis molestie magna sit amet lacinia commodo Vestibulum tincidunt tellus tristique arcu ornare, a fringilla purus sollicitudin Sed eu est ut diam aliquam eleifend sed eget neque Suspendisse suscipit dui faucibus dui sodales convallis Mauris sit amet tellus eget neque gravida volutpat Curabitur blandit elit nec ipsum dapibus suscipit Etiam commodo neque quis aliquam congue Pellentesque sit amet urna eget nisl luctus tristique at non odio Aliquam in augue congue, consectetur est eget, gravida enim Morbi at libero at sapien ultricies feugiat in quis orci Nunc aliquet lorem eu luctus dictum Aliquam vel massa vulputate, dictum nulla sodales, suscipit nisi Phasellus quis lectus sit amet libero tincidunt lobortis Nam vel libero id dui pellentesque fermentum Nullam

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