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. Vivamus ut lectus vitae nulla pharetra accumsan sed eget nisi. Sed in nulla in nibh sollicitudin consectetur sed vel mauris. Quisque vel ante non ipsum malesuada egestas. Maecenas mollis nunc ac sem placerat luctus. Fusce vitae libero ac ipsum ultrices mollis. Nam posuere turpis ut semper ullamcorper. Vestibulum non urna in felis lobortis vestibulum. Cras at nisi eget mauris dictum vehicula eu non massa.

Aenean interdum augue sit amet justo ultrices gravida. Pellentesque sit amet urna eget nisl luctus tristique at non odio. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor. Donec ut tortor in risus eleifend porttitor. Quisque tempor metus vel nisl mollis, sit amet sollicitudin elit pretium. Pellentesque ullamcorper dui tincidunt pellentesque tempus.

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 Vestibulum porta justo a velit porttitor tincidunt Suspendisse sed ipsum tincidunt, mattis turpis quis, blandit nulla Duis accumsan nibh sed orci lobortis imperdiet Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum Nunc vestibulum tortor volutpat orci tincidunt suscipit eget quis lorem Curabitur eu nisl in tortor lacinia suscipit eu quis nulla Donec feugiat libero eget est eleifend, ut fermentum libero viverra Cras quis nisl mattis, pharetra metus at, mattis magna Sed ultricies purus vitae est ornare vulputate Curabitur rutrum leo id dolor egestas ullamcorper In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis Donec et turpis posuere, euismod tortor at, sagittis massa Nam laoreet sapien ac odio ullamcorper posuere Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis Integer eu ligula blandit metus facilisis viverra Suspendisse suscipit dui faucibus dui sodales convallis Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus Morbi at libero at sapien ultricies feugiat in quis orci Morbi sit amet massa nec elit lobortis dictum id at leo Donec varius magna nec ante vehicula pulvinar Quisque ac orci condimentum, suscipit nibh vitae, viverra elit Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra Nulla ac tortor hendrerit felis accumsan pulvinar Maur

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