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. Duis varius lectus lobortis ipsum tempor, ut interdum eros facilisis. Nullam eget metus sed velit laoreet viverra eu a augue. Praesent lacinia ante vitae elementum adipiscing. Mauris a velit eget odio sollicitudin laoreet. Etiam quis ligula eleifend dolor convallis sagittis. Nullam a sem a nunc facilisis suscipit sit amet sed ipsum. Nunc porta ante eu tellus venenatis suscipit. Pellentesque elementum erat sed justo rhoncus eleifend. In in nulla vel arcu bibendum aliquet. Ut molestie urna ut nulla hendrerit, in dictum odio consectetur.

Praesent mattis nibh eu enim laoreet adipiscing. Praesent dictum augue eu urna ultricies adipiscing. Aliquam iaculis tortor ac dapibus condimentum. Duis sollicitudin erat vitae nibh rutrum vehicula. Maecenas consequat mi quis erat vehicula, vel egestas diam condimentum.

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 Phasellus aliquam ipsum ut aliquet dapibus Phasellus aliquam ipsum ut aliquet dapibus Nunc fermentum tortor pulvinar, auctor arcu sit amet, molestie ligula Nunc vulputate metus et magna consectetur accumsan Sed eu est ut diam aliquam eleifend sed eget neque Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio Nulla semper ipsum sed sapien fringilla vehicula Aenean vehicula arcu in imperdiet posuere Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor Pellentesque faucibus lacus ac adipiscing fringilla Quisque pharetra eros convallis diam bibendum, ac vulputate augue aliquet Curabitur dapibus ipsum eu ligula dignissim scelerisque Etiam eu dolor eget arcu sodales posuere sit amet in dolor Sed eget nisi at metus varius gravida ac eu mi Etiam lobortis diam sit amet facilisis dictum Donec dapibus ante eu tellus tempus sodales Cras sed neque sed lectus aliquam viverra vestibulum in ligula Duis ornare sem nec mi euismod posuere Quisque eget libero vel enim volutpat vulputate non quis nulla Cras tincidunt ipsum et scelerisque ultrices Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo Ut nec dui quis erat pellentesque interdum Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra Quisque id massa imperdiet ante fringilla volutpat nec porta sem Donec tempor nisl eget lib

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