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 sed lorem dignissim, blandit ipsum ac, sollicitudin elit. Ut vel nibh consectetur, sagittis tellus vel, ultricies purus. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Nulla in lorem sed ipsum cursus scelerisque. Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium.

Praesent sed lectus vitae libero accumsan mollis. Curabitur varius odio a adipiscing tempor. Mauris vitae quam vel dui facilisis consequat eget vitae nibh. Proin vitae ipsum et nisl tristique posuere.

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 Aenean viverra ante id nunc lacinia aliquam Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla Proin quis magna nec nisl lacinia vulputate Phasellus nec neque consequat, commodo nulla sit amet, pellentesque enim Mauris sit amet tellus eget neque gravida volutpat Proin vehicula turpis eu arcu venenatis condimentum Duis semper purus ac arcu ullamcorper blandit Sed ut augue viverra, lobortis lacus nec, tincidunt mi Aliquam sagittis leo eu sodales tristique Vestibulum id erat quis ante dictum consequat a sed dui Curabitur ornare lacus adipiscing nisl porta, quis faucibus felis vestibulum Sed sed mi facilisis, pellentesque ipsum at, viverra purus Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada Nullam ornare tellus vitae accumsan suscipit In in nulla vel arcu bibendum aliquet Nullam eu lorem posuere, hendrerit purus a, pellentesque leo Etiam sodales orci eget sapien sodales adipiscing Proin eu sem sit amet libero tristique accumsan in non dui Praesent a sapien nec enim rutrum ultrices in adipiscing augue Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis Quisque ac arcu ut magna semper eleifend Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit Praesent aliquam nisl et lacus fringilla dignissim Quisque id massa imperdiet ante fringilla volutpat nec porta sem Su

Explore More Shortcodes

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