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. Nam non mi ut orci commodo bibendum. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor. Nullam placerat nulla a sagittis sagittis. Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Sed eget urna vel orci aliquam molestie quis sed elit. Aliquam lobortis elit laoreet, pharetra quam ut, fermentum nisl. Phasellus sollicitudin sapien facilisis augue dapibus varius. Pellentesque ac est consectetur, ornare lorem varius, sagittis ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse scelerisque nunc pulvinar aliquam lacinia. Nam fermentum urna nec risus consectetur egestas.

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 Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo Fusce ut enim id libero aliquet ullamcorper Nulla ac tortor hendrerit felis accumsan pulvinar Integer tempor leo eget tellus fermentum sollicitudin Aliquam posuere nisi ac consequat venenatis Cras bibendum erat rhoncus felis ultrices posuere Curabitur imperdiet nisi a arcu bibendum dapibus Suspendisse suscipit dui faucibus dui sodales convallis Curabitur imperdiet nisi a arcu bibendum dapibus Donec semper arcu eget porta accumsan Pellentesque posuere neque sed dignissim gravida Nulla porta turpis vel est tempus dictum Duis varius felis nec lectus ornare ultricies In scelerisque sapien quis eros convallis imperdiet Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit Nullam accumsan lacus sit amet varius faucibus Curabitur et justo dignissim, tincidunt lacus a, tristique tortor Vestibulum imperdiet urna vitae sapien faucibus porttitor Sed et nisi ut ante auctor aliquet nec vel velit Etiam eget purus suscipit, ullamcorper orci eget, posuere purus Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi Quisque fermentum enim nec felis scelerisque sodales Suspendisse semper neque adipiscing nibh ullamcorper tristique Cras quis odio ac leo accumsan pharetra Sed eget urna vel orci aliquam molestie quis sed elit Aliquam adipiscing risus et ves

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