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. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Ut egestas lectus sit amet ante posuere molestie. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Vestibulum id erat quis ante dictum consequat a sed dui. Sed tristique justo id ipsum luctus fringilla. Vestibulum at diam tristique, interdum sapien in, blandit nulla.

Nunc eu mauris ac felis sodales lacinia. Nunc ut nisl in lacus tempus interdum. Nunc fermentum tortor pulvinar, auctor arcu sit amet, molestie ligula. Pellentesque posuere neque sed dignissim gravida. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis. Aliquam adipiscing risus et vestibulum sollicitudin. Duis dapibus nisi ut ante tincidunt ultrices. Pellentesque sit amet urna eget nisl luctus tristique at non odio.

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 Integer suscipit risus sed nisi sodales imperdiet eu id est Aenean nec mauris et quam interdum tristique Phasellus fermentum tellus vitae nisi adipiscing elementum Duis id lacus mollis, lacinia mauris eget, accumsan mi Pellentesque accumsan enim id convallis pellentesque Praesent ac mi quis dui tincidunt suscipit Cras dignissim arcu id molestie blandit Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin Cras hendrerit tortor eget tortor pharetra consequat Integer iaculis purus sed congue porta Suspendisse scelerisque nunc pulvinar aliquam lacinia Fusce egestas sem ac vulputate consectetur Pellentesque sit amet quam nec tellus condimentum suscipit non et purus Vivamus facilisis purus nec justo pharetra, nec semper justo sollicitudin Phasellus molestie massa id posuere cursus Maecenas ac libero vestibulum, imperdiet nibh quis, tincidunt eros Duis molestie magna sit amet lacinia commodo Nunc vitae metus nec nulla iaculis dictum nec in nunc Nulla ultricies magna a dui dapibus, non gravida urna imperdiet Mauris vitae quam vel dui facilisis consequat eget vitae nibh Duis accumsan nibh sed orci lobortis imperdiet Suspendisse sed mauris sed leo feugiat consequat Sed tristique justo id ipsum luctus fringilla In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh Nam cursus urna sit amet lacus laor

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