Note [tbl_note]
The [tbl_note] shortcode renders a styled callout or note box. Use it to highlight tips, warnings, important information, or any block of text that should stand out from the main content.
Basic usage
Use the text attribute for inline content:
[tbl_note text="This is an important note."]
Or wrap HTML content between opening and closing tags:
[tbl_note color_bg="#fff3cd" color_text="#856404"]
<strong>Warning:</strong> Back up your database before proceeding.
[/tbl_note]
All parameters
| Parameter | Default | Description |
|---|---|---|
text | empty | Note content. If empty, uses enclosed shortcode content instead. |
color_bg | empty | Background color. Accepts any CSS color value. |
color_text | empty | Text color. |
position | left | Text alignment: left, center, right. |
size | inherit | Font size (e.g., 15px). |
radius | 0px | Border radius. |
padding | 10px | Inner padding. |
margin | 0px 0px 20px 0px | Outer margin (top right bottom left). |
Common color combinations
| Type | color_bg | color_text |
|---|---|---|
| Tip (blue) | #e8f4fd | #1a5276 |
| Warning (yellow) | #fff3cd | #856404 |
| Danger (red) | #fdecea | #922b21 |
| Success (green) | #e9f7ef | #1d6a39 |