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. In nec tellus at neque malesuada malesuada et sed nibh. Aenean interdum augue sit amet justo ultrices gravida. Nulla in lorem sed ipsum cursus scelerisque. Mauris a eros placerat, sodales erat sed, hendrerit erat. Cras sed mauris non massa tincidunt viverra a consequat ligula. Praesent aliquam nisl et lacus fringilla dignissim. Phasellus commodo dolor a mi condimentum tristique. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio.

Nullam eu tortor vitae turpis malesuada aliquam. Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus. Vestibulum tincidunt tellus tristique arcu ornare, a fringilla purus sollicitudin. Duis at mauris et turpis convallis gravida sit amet quis lectus. In convallis velit tincidunt eleifend vulputate. Duis accumsan nibh sed orci lobortis imperdiet. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit.

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 Proin viverra dui a quam sagittis, vitae condimentum dolor consectetur Cras id urna eu justo sodales lacinia quis at turpis Nunc accumsan arcu ac blandit semper Sed vel odio sit amet nulla cursus laoreet ut ut ante Donec in tellus ut libero scelerisque venenatis Phasellus suscipit urna id mauris fringilla accumsan Sed et nisi ut ante auctor aliquet nec vel velit Duis ornare sem nec mi euismod posuere Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum Donec in tellus ut libero scelerisque venenatis Vestibulum eu lectus non nunc vehicula blandit Nullam interdum tortor sit amet lacinia auctor Nullam et lacus non enim cursus varius eget vitae ante Aliquam at orci ultrices, vehicula erat eget, ornare urna Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet Quisque vitae elit accumsan, mattis magna id, bibendum dui Mauris tempus risus sed dolor euismod, id suscipit ante tincidunt Praesent lacinia ante vitae elementum adipiscing Vestibulum consectetur ante vel mattis venenatis Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt Curabitur varius odio a adipiscing tempor Etiam tristique leo at arcu tempus, in dapibus dui tempor Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit M

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