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 in tellus ut libero scelerisque venenatis. Cras in ante et erat porta luctus. Nulla semper ipsum sed sapien fringilla vehicula. Nullam interdum tortor sit amet lacinia auctor. Praesent id sem at risus adipiscing feugiat. Nullam eu tortor vitae turpis malesuada aliquam. Cras quis odio ac leo accumsan pharetra. Pellentesque quis lacus laoreet, eleifend nisl sed, facilisis mauris.

Donec dapibus ante eu tellus tempus sodales. In ac ligula non mauris imperdiet auctor. Donec eget quam non ligula placerat ultrices. Duis id odio in mi ultricies ultricies. Praesent nec neque cursus, congue neque et, tempor odio. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Curabitur tristique ligula ut elit luctus convallis. Phasellus molestie sapien at felis blandit placerat. Proin vehicula turpis eu arcu venenatis condimentum. Proin blandit magna ullamcorper luctus dictum. Donec ut tortor in risus eleifend porttitor. Mauris non dui eget justo bibendum imperdiet ut non velit.

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 Nunc non justo ultricies, tristique libero vitae, ornare odio Nulla id mi sed velit scelerisque fringilla Sed id leo dictum, hendrerit urna vitae, ullamcorper felis Nam in est in tortor pretium posuere Nam vel libero id dui pellentesque fermentum Nunc accumsan arcu ac blandit semper Phasellus quis lectus sit amet libero tincidunt lobortis Curabitur blandit elit nec ipsum dapibus suscipit Sed a nisl sed neque tristique volutpat eget eu augue Mauris tempus risus sed dolor euismod, id suscipit ante tincidunt Sed a sapien et urna sagittis lacinia eget id nisi Duis tempor est non orci convallis rhoncus Ut in nulla tincidunt nulla malesuada tempor ac non risus Vivamus sit amet lacus a justo venenatis pulvinar Quisque vitae metus luctus, tempus nulla at, ullamcorper lectus Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum Duis sed lectus in turpis rutrum bibendum sit amet a ante Sed blandit lorem eu velit tempus, id ornare arcu fringilla Nunc aliquet lorem eu luctus dictum Cras at nisi eget mauris dictum vehicula eu non massa Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat Cras hendrerit tortor eget tortor pharetra consequat Nullam et lacus non enim cursus varius eget vitae ante Cras quis odio ac leo accumsan pharetra Vivamus sed

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