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. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Aenean mattis nisl et sem adipiscing, at aliquam est dictum. Integer suscipit risus sed nisi sodales imperdiet eu id est. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna.

Aliquam eleifend nibh eget arcu ornare dapibus dignissim fringilla nibh. Proin ut lacus ac mi sollicitudin interdum. Etiam sodales orci eget sapien sodales adipiscing. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Vestibulum et odio dictum, elementum augue non, volutpat sapien.

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 Ut nec massa a nulla tempor volutpat sed et purus In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh Vivamus sed mi sit amet mauris semper ullamcorper Proin quis magna nec nisl lacinia vulputate Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique Morbi pulvinar elit a felis vulputate volutpat Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit Vivamus porttitor leo in tincidunt hendrerit Mauris quis ante sed mauris porta lacinia sed a dui Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia Aenean laoreet eros eu tellus luctus, sed tristique augue commodo Proin ullamcorper diam et semper tristique Nunc sed velit mollis enim gravida malesuada Quisque vitae elit accumsan, mattis magna id, bibendum dui Donec et turpis posuere, euismod tortor at, sagittis massa Etiam pretium massa malesuada vestibulum volutpat Nunc nec ligula sit amet nibh commodo sagittis et ac tellus Sed eget urna vel orci aliquam molestie quis sed elit Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor Ut nec massa a nulla tempor volutpat sed et purus Proin vehicula turpis eu arcu venenatis condimentum Pellentesque faucibus lacus ac adipiscing fringilla Vivamus suscipit magna vitae placerat dapibus Donec quis dolor congue, consequat nibh ac, auctor nibh Aliquam ut turpis

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