Notes and boxes
Boxes and notes are available in unlimited colors, fully flexible by size and friendly to any content including other shortcodes.
[divider]
Call out boxes
[spacer size=”15″]
[callout bg=”#e20000″ color=”#ffffff”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus.[/callout]
[callout bg=”#ff6600″ color=”#ffffff”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus.[/callout]
[callout bg=”#39cb00″ color=”#ffffff”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat. Aenean tincidunt ante posuere enim iaculis et blandit erat eleifend. Etiam quis mauris vitae tellus lacinia accumsan a id nisi. Praesent quis sapien quam. Etiam pharetra eleifend lorem, vel euismod tortor iaculis vitae. Duis nec mauris tellus, id consectetur neque. Pellentesque tincidunt cursus ante, pulvinar adipiscing urna feugiat posuere. Ut augue tortor, sagittis non sollicitudin vitae, facilisis vitae ipsum. Maecenas congue ornare porttitor[/callout]
[column size=”1-2″][callout bg=”#00b1dd” color=”#ffffff”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus.[/callout]
[/column]
[column size=”1-2″ last=”1″][callout bg=”#cb036f” color=”#ffffff”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus.[/callout]
[/column]
[spoiler title=”Get example code”]
[[callout bg="#cb0056" color="#ffffff"] Content [/callout]]
[/spoiler]
Box with caption
[spacer size=”15″]
[spoiler title=”Get example code”]
[box title="Box title III" color="#80ca0a"] Content [/box]
[/spoiler]
Notes
[spacer size=”15″]
[note color=”#ff8c8c”] Note text [/note]
[note color=”#baf65c”] Note text [/note]
[note color=”#dafdee2″] Note text [/note]
[note color=”#fdeb56″] Note text [/note]
[spoiler title=”Get example code”]
[[note color="#fdeb56"] Note text [/note]]
[/spoiler]
Notes with custom icon
[spacer size=”15″]
[note color=”#b5e61d”] Note text[/note]
[note color=”#e57777″] Note text[/note]
[note color=”#afdeda”] Note text[/note]
[spoiler title=”Get example code”]
[[note color="#e57777"] <img src="" width="32" height="32" /> Note text [/note]]
[/spoiler]