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.
Block Alerts and Border Radius
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.
Close Button
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec molestie urna ut velit facilisis fermentum. Nulla feugiat orci non libero ultrices dignissim. Vivamus accumsan nisl adipiscing sem sollicitudin ultricies. In ac lorem feugiat, molestie ligula ac, congue risus. Aliquam rutrum quam non interdum egestas.
Ut sed nunc venenatis, interdum nisi non, tristique velit. Integer eu ligula blandit metus facilisis viverra. Sed at turpis sed justo tincidunt blandit. Fusce sit amet risus et diam congue venenatis. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Maecenas mollis nunc ac sem placerat luctus. Praesent nec neque cursus, congue neque et, tempor odio. Cras sed neque sed lectus aliquam viverra vestibulum in ligula. Mauris vitae quam vel dui facilisis consequat eget vitae nibh. Etiam ornare felis sit amet purus tristique, in placerat velit faucibus. Donec ut tortor in risus eleifend porttitor.
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.
Lorem ipsum dolor sit amet, consectetur adipiscing elit Fusce ut enim id libero aliquet ullamcorper Aliquam quis arcu non magna aliquam iaculis Sed at turpis sed justo tincidunt blandit Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim Etiam eget purus suscipit, ullamcorper orci eget, posuere purus Quisque vel ante non ipsum malesuada egestas Fusce eget dolor congue, ultrices tortor at, fermentum risus In vel dui in mauris eleifend luctus Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat Sed et nisi ut ante auctor aliquet nec vel velit Mauris a eros placerat, sodales erat sed, hendrerit erat Mauris porta nulla et tortor convallis, id posuere est rutrum Nulla dictum purus in vehicula volutpat Cras quis odio ac leo accumsan pharetra Donec varius magna nec ante vehicula pulvinar Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum Etiam lobortis diam sit amet facilisis dictum Proin vehicula turpis eu arcu venenatis condimentum Sed quis augue vel ligula aliquet bibendum at a lectus Curabitur dapibus ipsum eu ligula dignissim scelerisque Phasellus eleifend massa at euismod rutrum Mauris varius turpis eget magna accumsan varius Proin nec ligula nec libero tristique ornare Morbi pulvinar elit a felis vulputate volutpat Vestibulum vitae dui non diam tincidunt malesuada Etiam sodales orci eget sapien sodales adipiscing Nulla egest


Explore More Shortcodes
- Alert
- Animated Popular
- Animated Image
- Animated Scroll New
- Audio
- Badge
- Blockquote
- Blog
- Blur New
- Books
- Button
- Chart
- Clients
- Code
- Collapsibles
- Content Box
- Content Section Popular
- Counter
- Coupons
- Custom Post Type
- Definitions
- Device Mockups
- Divider Popular
- Dropcap
- Emphasis
- Events
- FAQ
- Filler
- Flip Box Popular
- Fullscreen Video
- Gallery Popular
- Google Docs Viewer
- Guests
- Heading
- Highlight
- Hover Box
- Horizontal Ruler
- Icon Popular
- Icon List
- If New
- Image
- Image Compare
- Jobs
- Label
- Lead
- Lightbox
- Locations
- Map
- Masonry
- Members
- Menu
- Post Meta Data
- Movies
- Music
- News
- Overlay Popular
- Panel New
- Parallax Scene Popular
- Permalink
- Person
- Popover
- Portfolio
- Post Fields
- Post Media
- Pricing Table
- Progress
- Project
- Promotional Box
- QR Code
- Quotes
- Recent Books
- Recent Clients
- Recent Coupons
- Recent Events
- Recent Jobs
- Recent Locations
- Recent Movies
- Recent Music
- Recent News
- Recent Portfolios
- Recent Posts
- Recent Projects
- Recent Quotes
- Recent Recipes
[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"]