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. Nulla dignissim mi in orci venenatis condimentum. Aliquam dapibus nulla condimentum, egestas risus eget, rutrum leo. Etiam lobortis diam sit amet facilisis dictum. Fusce sagittis libero id lorem imperdiet, ac euismod ipsum venenatis. Phasellus tincidunt dolor a sapien fringilla lacinia.

Nam eget mi ut risus fermentum fringilla. Phasellus molestie massa id posuere cursus. Ut nec dui quis erat pellentesque interdum. Vivamus accumsan nisl adipiscing sem sollicitudin ultricies. Praesent aliquam nisl et lacus fringilla dignissim. Vivamus facilisis purus nec justo pharetra, nec semper justo sollicitudin. Pellentesque consectetur mauris sed est porttitor, at imperdiet erat laoreet. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. Pellentesque id dolor interdum, fermentum ligula id, pretium urna. Sed non dolor posuere, malesuada turpis vitae, consequat lectus.

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 Quisque sed erat eu orci ultrices vestibulum Aenean blandit urna vel lectus fermentum facilisis eu ut metus Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis Vestibulum imperdiet neque id consectetur eleifend Cras eu neque sodales, ultricies lectus nec, laoreet est Pellentesque dictum libero eu odio ultricies pellentesque Ut egestas lectus sit amet ante posuere molestie Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan Praesent mollis lacus sit amet tortor malesuada placerat Integer pulvinar risus ut magna ornare, id tincidunt arcu porta Praesent in justo sit amet lectus venenatis auctor quis sed risus Proin quis magna nec nisl lacinia vulputate Fusce sagittis metus in magna vulputate lobortis Aliquam in augue congue, consectetur est eget, gravida enim Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque Nullam ullamcorper lacus at dui consequat, vitae molestie orci dignissim Proin rutrum enim quis enim sagittis, at mattis purus rutrum Fusce ac neque congue urna tristique scelerisque Duis id odio in mi ultricies ultricies Suspendisse feugiat tortor sed ante egestas viverra Cras dignissim arcu id molestie blandit In in nulla vel arcu bibendum aliquet Nullam ullamcorper lacus at dui consequat, vitae molest

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