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 posuere neque sed dignissim gravida. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales.

Sed vehicula est non massa porttitor interdum. Donec pretium mi eget orci convallis faucibus. Sed lacinia neque a nulla bibendum hendrerit. Nullam et mi aliquam, pellentesque neque aliquam, tincidunt diam. Mauris sit amet tellus eget neque gravida volutpat. Aliquam in augue congue, consectetur est eget, gravida enim. Aenean venenatis neque non ipsum sollicitudin porta. Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin. Duis euismod arcu sit amet scelerisque iaculis.

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 Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis Aliquam in augue congue, consectetur est eget, gravida enim Cras non erat egestas, vehicula orci ac, suscipit metus Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo Pellentesque quis nisi sed elit aliquet fermentum ut at augue Morbi varius dui non nulla pretium, at auctor augue sollicitudin Aenean viverra ante id nunc lacinia aliquam Fusce eget dolor congue, ultrices tortor at, fermentum risus Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada Vestibulum sit amet urna scelerisque, rutrum nisl vitae, aliquet lectus Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis Ut eu leo at libero tempor blandit Fusce tristique dui et nisi hendrerit ultrices Vestibulum imperdiet neque id consectetur eleifend Fusce egestas sem ac vulputate consectetur Phasellus molestie sapien at felis blandit placerat Praesent interdum est sed rutrum dapibus Aliquam sagittis leo eu sodales tristique Quisque eget libero vel enim volutpat vulputate non quis nulla Sed lacinia neque a nulla bibendum hendrerit Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus Proin vel orci mattis nunc ullamcorper gravida et viverra orci Fusce ut enim id libero aliquet ullamcorper Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo Nam

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