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. Aliquam quis arcu non magna aliquam iaculis. Morbi vehicula mi sed lacus commodo, aliquet eleifend odio tristique. Suspendisse varius metus nec massa malesuada laoreet. Cras sed neque sed lectus aliquam viverra vestibulum in ligula. In scelerisque sapien quis eros convallis imperdiet. Donec euismod purus id blandit faucibus. Nam ut leo a tellus laoreet ornare at vel massa. Pellentesque elementum erat sed justo rhoncus eleifend. Suspendisse semper neque adipiscing nibh ullamcorper tristique. Mauris non dui eget justo bibendum imperdiet ut non velit.

Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Ut eu velit in nisl accumsan tempus. Fusce sagittis metus in magna vulputate lobortis. Cras dignissim arcu id molestie blandit. Sed blandit lorem eu velit tempus, id ornare arcu fringilla.

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 Maecenas consequat mi quis erat vehicula, vel egestas diam condimentum Nulla id mi sed velit scelerisque fringilla Aliquam vel massa vulputate, dictum nulla sodales, suscipit nisi Mauris varius turpis eget magna accumsan varius Ut in nulla tincidunt nulla malesuada tempor ac non risus Ut mattis orci pharetra, suscipit augue a, faucibus felis Pellentesque elementum erat sed justo rhoncus eleifend Duis ut dui ac lacus congue suscipit sed eu augue Proin ut lacus ac mi sollicitudin interdum Sed scelerisque velit vel enim molestie porta Suspendisse nec sem non enim vehicula luctus eu eget nisi Sed ut augue viverra, lobortis lacus nec, tincidunt mi Morbi non leo dictum metus lobortis hendrerit sit amet in nunc Vivamus at turpis luctus metus commodo fermentum In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh Sed lacinia neque a nulla bibendum hendrerit Nullam ornare tellus vitae accumsan suscipit Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim Proin ut lacus ac mi sollicitudin interdum Duis accumsan risus quis metus dapibus bibendum Lorem ipsum dolor sit amet, consectetur adipiscing elit Vestibulum dictum nunc ut mi semper, non suscipit mauris sollicitudin Pellentesque quis lacus laoreet, eleifend nisl sed, facilisis mauris Etiam sit amet

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