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. Pellentesque elementum erat sed justo rhoncus eleifend. Cras at eros iaculis, euismod nunc vitae, cursus erat. Quisque tempus leo quis tempus hendrerit. In ac lorem feugiat, molestie ligula ac, congue risus. Vestibulum id erat quis ante dictum consequat a sed dui. Mauris at ipsum vel metus viverra ultricies. Quisque ac turpis sit amet nibh ultricies egestas quis quis neque. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. Vivamus iaculis dolor consequat, euismod orci in, egestas ante.

Suspendisse feugiat tortor sed ante egestas viverra. Suspendisse sed ipsum tincidunt, mattis turpis quis, blandit nulla. Cras et velit in ante gravida elementum et molestie ipsum. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Integer tempor leo eget tellus fermentum sollicitudin. Morbi vel nunc id mauris mollis congue sed vitae lacus. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. Donec varius magna nec ante vehicula pulvinar. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Cras pulvinar nibh vitae tellus pharetra dapibus. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare. Proin vel orci mattis nunc ullamcorper gravida et viverra orci.

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 Vivamus sed mi sit amet mauris semper ullamcorper Proin ut leo non arcu malesuada suscipit Nunc fermentum tortor pulvinar, auctor arcu sit amet, molestie ligula Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus Proin vel orci mattis nunc ullamcorper gravida et viverra orci Sed non dolor posuere, malesuada turpis vitae, consequat lectus Pellentesque posuere neque sed dignissim gravida Proin ullamcorper diam et semper tristique Phasellus suscipit urna id mauris fringilla accumsan Maecenas facilisis augue et nisi ullamcorper condimentum Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor Nunc molestie dui eget accumsan mattis Donec quis enim egestas, pharetra ipsum vel, rutrum turpis Mauris a eros placerat, sodales erat sed, hendrerit erat In vitae purus vitae elit congue imperdiet vel sit amet dolor Proin eget est eu ante venenatis iaculis Cras tincidunt ipsum et scelerisque ultrices Duis scelerisque nulla ac augue vulputate, in luctus ligula convallis Phasellus tincidunt dolor a sapien fringilla lacinia Donec molestie urna ut velit facilisis fermentum Proin vehicula turpis eu arcu venenatis condimentum Aenean quis nulla vel dolor blandit mattis et vel sem Praesent mattis nibh eu enim laoreet adipiscing Praesent lacinia ante vitae elementum adipiscing Aliquam ut turpis eu est auctor laoreet volu

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