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. Integer iaculis purus sed congue porta. Proin viverra dui a quam sagittis, vitae condimentum dolor consectetur. Etiam pretium massa malesuada vestibulum volutpat. Proin molestie libero ac risus pellentesque mollis. Duis ornare sem nec mi euismod posuere. Morbi sit amet massa nec elit lobortis dictum id at leo. Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt. Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. Nunc non justo ultricies, tristique libero vitae, ornare odio.

In vitae purus vitae elit congue imperdiet vel sit amet dolor. Nulla dignissim mi in orci venenatis condimentum. Curabitur ullamcorper quam vel est imperdiet, a eleifend metus adipiscing. Morbi varius dui non nulla pretium, at auctor augue sollicitudin. Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Duis consectetur est eget mi consectetur, sed dignissim mauris lacinia.

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 venenatis neque non ipsum sollicitudin porta Aliquam imperdiet nibh gravida, sodales nulla a, venenatis neque Cras dignissim arcu id molestie blandit Sed vehicula est non massa porttitor interdum Nullam non lorem mollis, cursus libero non, consectetur erat Aliquam iaculis tortor ac dapibus condimentum Pellentesque sit amet urna eget nisl luctus tristique at non odio Duis ut dui ac lacus congue suscipit sed eu augue Fusce tristique dolor nec turpis euismod, a tempus arcu elementum Sed vehicula est non massa porttitor interdum Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna Duis ut dui ac lacus congue suscipit sed eu augue Praesent mollis lacus sit amet tortor malesuada placerat Duis sollicitudin erat vitae nibh rutrum vehicula Cras sit amet orci vulputate, tempus massa eget, rhoncus eros Duis id odio in mi ultricies ultricies Duis et justo elementum libero iaculis pulvinar In accumsan nunc venenatis convallis auctor Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit Sed scelerisque velit vel enim molestie porta Aliquam sagittis leo eu sodales tristique Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula Sed vel odio sit amet nulla cursus laoreet ut ut ante Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum Quisque ac arcu ut magna semper eleifend

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