Message boxes

These message boxes are extremely versatile. You can choose one of the presets, or style them to your liking! Pick your own colors, use gradients, rounded corners and much more.

Presets

[message margin=”normal” color=”auto” background=”primary” radius=”5px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”red” radius=”5px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”cyan” radius=”5px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”yellow” radius=”5px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”black” radius=”5px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”blue” radius=”5px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”green” radius=”5px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”purple” radius=”5px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”orange” radius=”5px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]

 

Without rounded corners

[message margin=”normal” color=”auto” background=”primary” radius=”0px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”red” radius=”0px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”cyan” radius=”0px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”yellow” radius=”0px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”black” radius=”0px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”blue” radius=”0px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”green” radius=”0px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”purple” radius=”0px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”orange” radius=”0px” gradient=”no” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]

 

With gradient

[message margin=”normal” color=”auto” background=”primary” radius=”5px” gradient=”yes” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”red” radius=”5px” gradient=”yes” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”cyan” radius=”5px” gradient=”yes” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”yellow” radius=”5px” gradient=”yes” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”black” radius=”5px” gradient=”yes” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”blue” radius=”5px” gradient=”yes” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”green” radius=”5px” gradient=”yes” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”purple” radius=”5px” gradient=”yes” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]
[message margin=”normal” color=”auto” background=”orange” radius=”5px” gradient=”yes” shadow=”yes” border_style=”solid” border_width=”1px” border_color=”auto” outline_style=”solid” outline_width=”0px” outline_color=”auto” style=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus enim quis lectus malesuada mollis. Aliquam bibendum malesuada lorem, vel varius est vulputate quis.[/message]

 

[message sample=”true”]