Notifications and alerts are dead simple to use. They have a button in the visual editor that guides you through the process.
[padding size=”10″] [header style=”” type=”h3″]Notification Boxes[/header] [padding size=”10″] [notification color=”blue”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus. Ut leo ligula, aliquam in fringilla eu. Proin erat nulla, dignissim ut varius gravida. Ut leo ligula, aliquam in fringilla eu.[/notification] [get_the_code] [sourcecode language=”plain”][[notification color=”…” side=”left/right/none”] … [/notification]][/sourcecode] [/get_the_code]
[notification color=”light-blue”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”deep-blue”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”grey”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”red”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”orange”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”deep-red”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”pink”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”light-pink”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”hot-pink”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”yellow”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”green”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”dark”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”light-orange”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”light-green”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”deep-green”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”cream”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”chocolate”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”brown”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”black”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”aqua”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”gold”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[notification color=”white”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/notification]
[header style=”fancy1″ type=”h6″]success[/header]
[alert_box type=”success”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/alert_box]
[header style=”fancy1″ type=”h6″]error[/header]
[alert_box type=”error”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/alert_box]
[header style=”fancy1″ type=”h6″]info[/header]
[alert_box type=”info”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/alert_box]
[header style=”fancy1″ type=”h6″]attention[/header]
[alert_box type=”attention”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/alert_box]
[header style=”fancy1″ type=”h6″]blank[/header]
[alert_box type=”blank”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin erat nulla, dignissim ut varius gravida, aliquet ac metus.[/alert_box]
[get_the_code][sourcecode language=”plain”][[alert_box type=”…”] … [/alert_box]][/sourcecode][/get_the_code]