Advance your skills

Notice

Jump to Section

The notice shortcode highlights a text with a solid vertical line in front of your text.
You may add a label to your notice which will be displayed on top of it.

Usage

	{{%notice $color $label %}}Lorem ipsum{{%/notice%}}
Parameter Description
$color type/color of notice
$label label displayed on top (default to the type)

Examples

Lorem ipsum dolor sit amet, consectetur.

Lorem !
ipsum dolor sit amet, consectetur.

Lorem ipsum dolor sit amet, consectetur

ipsum dolor sit amet

Show shortcode markups...

Colors

Type code

This is the default notice.

{{% notice %}}
This is the default notice.
{{% /notice %}}

This is a primary notice.

{{% notice primary %}}
This is a notice.
{{% /notice %}}

This is a secondary notice.

{{% notice secondary %}}
This is a notice.
{{% /notice %}}

This is a success notice.

{{% notice success %}}
This is a notice.
{{% /notice %}}

This is a danger notice.

{{% notice danger %}}
This is a notice.
{{% /notice %}}

This is a warning notice.

{{% notice warning %}}
This is a notice.
{{% /notice %}}

This is a info notice.

{{% notice info %}}
This is a notice.
{{% /notice %}}

This is a light notice.

{{% notice light %}}
This is a notice.
{{% /notice %}}

This is a dark notice.

{{% notice dark %}}
This is a notice.
{{% /notice %}}

Labels

Type code

This is a notice without label.

{{% notice primary %}}This is a notice without label.{{% /notice %}}

This is a notice with “toto” label.

{{% notice primary toto %}}This is a notice with “toto” label.{{% /notice %}}

This is a with “my label”.

{{% notice primary “my label” %}}This is a with “my label”.{{% /notice %}}