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. Donec tincidunt erat in vestibulum interdum. Nam fermentum urna nec risus consectetur egestas. Nullam accumsan lacus sit amet varius faucibus. Ut egestas lectus sit amet ante posuere molestie. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. Donec porta orci vestibulum commodo ullamcorper. Quisque pharetra eros convallis diam bibendum, ac vulputate augue aliquet.

Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Nam posuere turpis ut semper ullamcorper. Integer rutrum neque et massa aliquet ultricies. Aliquam pharetra ligula vel lacus euismod lacinia. In ultrices magna et auctor porta. Sed faucibus risus nec pharetra euismod.

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 Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat Nullam et mi aliquam, pellentesque neque aliquam, tincidunt diam Integer laoreet mauris a augue bibendum blandit Nam scelerisque ligula condimentum nulla tincidunt, vel pharetra metus euismod Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat Morbi tincidunt justo vel felis interdum, quis pharetra libero porta Phasellus sit amet odio sed leo laoreet consectetur Cras quis nisl mattis, pharetra metus at, mattis magna Curabitur ornare lacus adipiscing nisl porta, quis faucibus felis vestibulum Proin quis magna nec nisl lacinia vulputate Donec eget quam non ligula placerat ultrices Pellentesque sit amet quam nec tellus condimentum suscipit non et purus Vestibulum consectetur ante vel mattis venenatis Proin ut lacus ac mi sollicitudin interdum Nunc molestie dui eget accumsan mattis Ut mattis orci pharetra, suscipit augue a, faucibus felis Donec at nunc a arcu congue posuere Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus Etiam et odio sit amet massa aliquam convallis Ut eu leo at libero tempor blandit Proin ut lacus ac mi sollicitudin interdum Morbi tristique nulla vitae eros pharetra blandit Mauris rhoncus leo id enim venenatis consequat Nam ac dolor et lorem euismod aliquet Nulla egestas ipsum nec turpis auctor, id suscipit nulla

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