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. Nam posuere turpis ut semper ullamcorper. Donec porttitor ipsum ac facilisis mattis. Duis scelerisque nulla ac augue vulputate, in luctus ligula convallis.

Donec et turpis posuere, euismod tortor at, sagittis massa. Sed scelerisque velit vel enim molestie porta. Aliquam tincidunt nibh vitae leo fringilla gravida nec eget velit. Nunc eu mauris ac felis sodales lacinia. Aliquam in augue congue, consectetur est eget, gravida enim. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Aliquam adipiscing risus et vestibulum sollicitudin. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla.

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 Duis sollicitudin erat vitae nibh rutrum vehicula Nulla ultricies magna a dui dapibus, non gravida urna imperdiet Maecenas facilisis augue et nisi ullamcorper condimentum Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit Nullam eu lorem posuere, hendrerit purus a, pellentesque leo Praesent a sapien nec enim rutrum ultrices in adipiscing augue Nulla ac dolor ultricies ligula vehicula consequat et et lectus Etiam quis ligula eleifend dolor convallis sagittis Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat Phasellus molestie massa id posuere cursus Duis id odio in mi ultricies ultricies Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc Cras id urna eu justo sodales lacinia quis at turpis Pellentesque ullamcorper dui tincidunt pellentesque tempus Mauris porttitor sapien eget nibh imperdiet, sed ultrices enim porta In ac ligula non mauris imperdiet auctor Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum Quisque vitae metus luctus, tempus nulla at, ullamcorper lectus Duis feugiat orci quis tempor faucibus Suspendisse id ante mattis, facilisis felis a, scelerisque est Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet In convallis velit tincidunt eleifend

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