← Main site

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

ParameterDefaultDescription
textemptyNote content. If empty, uses enclosed shortcode content instead.
color_bgemptyBackground color. Accepts any CSS color value.
color_textemptyText color.
positionleftText alignment: left, center, right.
sizeinheritFont size (e.g., 15px).
radius0pxBorder radius.
padding10pxInner padding.
margin0px 0px 20px 0pxOuter margin (top right bottom left).

Common color combinations

Typecolor_bgcolor_text
Tip (blue)#e8f4fd#1a5276
Warning (yellow)#fff3cd#856404
Danger (red)#fdecea#922b21
Success (green)#e9f7ef#1d6a39