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. Maecenas ac libero vestibulum, imperdiet nibh quis, tincidunt eros. Integer laoreet mauris a augue bibendum blandit. Cras dignissim arcu id molestie blandit. Suspendisse sed ante tempus, lobortis massa quis, aliquet elit.

Mauris vitae quam vel dui facilisis consequat eget vitae nibh. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Mauris vitae quam vel dui facilisis consequat eget vitae nibh. Cras scelerisque odio non vehicula porta. Maecenas vestibulum lectus eu dui elementum, non porta magna dictum. In accumsan nunc venenatis convallis auctor. Duis scelerisque nulla ac augue vulputate, in luctus ligula convallis.

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 tristique lacus non vestibulum hendrerit Nulla dignissim mi in orci venenatis condimentum Etiam eget purus suscipit, ullamcorper orci eget, posuere purus Mauris a velit eget odio sollicitudin laoreet Sed vehicula est non massa porttitor interdum Vestibulum non enim blandit, eleifend neque vel, convallis tellus Ut nec dui quis erat pellentesque interdum Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh Ut egestas ligula malesuada, fermentum dui a, ultrices enim Cras at dolor sed felis volutpat aliquet vel et enim Vestibulum fermentum risus et mollis ullamcorper Quisque vitae elit accumsan, mattis magna id, bibendum dui Praesent sed lectus vitae libero accumsan mollis Aliquam eleifend nibh eget arcu ornare dapibus dignissim fringilla nibh Nullam eu tortor vitae turpis malesuada aliquam Donec quis nunc vitae nibh sagittis lacinia Curabitur id risus vulputate, aliquet est id, tempus leo Morbi at libero at sapien ultricies feugiat in quis orci Sed ac sapien in sapien aliquet eleifend Aliquam mollis magna elementum, dapibus leo ac, mollis metus Aliquam iaculis tortor ac dapibus condimentum Nullam mattis sapien commodo mauris elementum pulvinar Fusce tristique dolor nec turpis euismod, a tempus arcu elementum Aliquam et nibh placerat purus pel

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