[su_note note_color="#FFFF66" text_color="#333333"]Integer cursus orci bibendum sem mollis, et bibendum diam sodales. Pellentesque eu suscipit magna, sed faucibus sem. Maecenas lacinia nulla vel risus molestie, in bibendum turpis congue.[/su_note]
[su_note note_color="#8ff2ff" text_color="#333333"]Integer cursus orci bibendum sem mollis, et bibendum diam sodales. Pellentesque eu suscipit magna, sed faucibus sem. Maecenas lacinia nulla vel risus molestie, in bibendum turpis congue.[/su_note]
This shortcode allows you to create colorful boxes. You can change background and text colors. Also, you can use any HTML code or even other shortcodes as note content.
| Option name | Possible values | Default value |
|---|---|---|
| note_color Note background color | #HEX color | #FFFF66 |
| text_color Note text color | #HEX color | #333333 |
| radius Note corners radius | Number from 0 to 20 | 3 |
| class Additional CSS class name(s) separated by space(s) | CSS class name(s) separated by space(s) | – none – |
| id Enter a word or two, without spaces, to make a unique web address just for this element. Then, you’ll be able to link directly to this section of your page. | Any text value | – none – |