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. Duis ornare sem nec mi euismod posuere. Nunc molestie dui eget accumsan mattis. Suspendisse sed sem sed lorem sagittis auctor non non augue. Curabitur varius odio a adipiscing tempor. In ultrices magna et auctor porta. Duis varius lectus lobortis ipsum tempor, ut interdum eros facilisis. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis. Nullam eget metus sed velit laoreet viverra eu a augue. Duis varius felis nec lectus ornare ultricies. Nam ac dolor et lorem euismod aliquet.

Morbi tincidunt justo vel felis interdum, quis pharetra libero porta. Nam quis odio id purus adipiscing consequat eget ac risus. Cras sit amet mi eu sem congue fringilla. Sed at turpis sed justo tincidunt blandit. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor. Quisque sed erat eu orci ultrices vestibulum. Duis ut dui ac lacus congue suscipit sed eu augue. Nullam eget metus sed velit laoreet viverra eu a augue. Nulla feugiat orci non libero ultrices dignissim. Nullam et odio sit amet libero consectetur congue ac vitae tortor. Fusce eget dolor congue, ultrices tortor at, fermentum risus. Suspendisse suscipit dui faucibus dui sodales convallis.

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 Nulla dignissim mi in orci venenatis condimentum Etiam tristique leo at arcu tempus, in dapibus dui tempor Pellentesque accumsan enim id convallis pellentesque Quisque ac turpis sit amet nibh ultricies egestas quis quis neque Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin Nulla dignissim mi in orci venenatis condimentum Curabitur pulvinar lacus at nulla elementum, eget suscipit neque imperdiet Nunc sed erat in nisl malesuada vestibulum Nunc non justo ultricies, tristique libero vitae, ornare odio Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat Sed a elit lobortis, facilisis risus vel, fringilla enim Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia Ut eu velit in nisl accumsan tempus Phasellus nec neque consequat, commodo nulla sit amet, pellentesque enim Integer suscipit risus sed nisi sodales imperdiet eu id est Etiam commodo neque quis aliquam congue Mauris non dui eget justo bibendum imperdiet ut non velit Quisque fermentum enim nec felis scelerisque sodales Duis feugiat orci quis tempor faucibus Phasellus tincidunt dolor a sapien fringilla lacinia Nullam placerat nulla a sagittis sagittis Mauris elementum sem ac condimentum tempor Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio Maecenas sollicitudin purus sodales leo molestie interdum Mauris sit

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