Tags

Default Tag

Use the .tag class, followed by.tag-defaultclass within element to create default tag.

Default Tag

Primary Tag

Use the .tag class, followed by.tag-primaryclass within element to create primary tag.

Primary Tag

Success Tag

Use the .tag class, followed by.tag-successclass within element to create success tag.

Success Tag

Danger Tag

Use the .tag class, followed by.tag-dangerclass within element to create danger tag.

Danger Tag

Info Tag

Use the .tag class, followed by.tag-infoclass within element to create info tag.

Info Tag

Warning Tag

Use the .tag class, followed by.tag-warningclass within element to create warning tag.

Warning Tag

Custom Blue Grey Color Tag

Use the .tag class, followed by.bg-blue-greyclass within element to create blue grey tag.

Custom Blue Grey Color Tag

Tags with Icons

Default Tag with Icon

Use the .tag class, followed by.tag-defaultclass within element to create default tag.

Default Tag

Square Primary Tag with Icon

Use the .tag class, followed by.tag-square class for square bordered tag.

Primary Tag

Round Success Tag with Icon

Use the .tag class, followed by.round class for round bordered tag.

Success Tag

Danger Tag with Icon

Use the .tag class, followed by.tag-dangerclass within element to create danger tag.

Danger Tag

Square Info Tag with Icon

Use the .tag class, followed by.tag-squareclass for square tag.

Info Tag

Round Warning Tag with Icon

Use the .tag class, followed by.round class for round bordered.

Warning Tag

Tags with Only Icons

Default Icon Tag

Use the .tag class, followed by.tag-defaultclass within element to create default tag.

Square Icon Tag

Use the .tag class, followed by.tag-squareclass to square bordered tag.

Round Icon Tag

Use the .tag class, followed by.round class for round warning tag.

Danger Icon Tag

Use the .tag class, followed by.tag-dangerclass within element to create danger tag.

Square Icon Tag

Use the .tag class, followed by.tag-square class to square bordered tag.

Round Icon Tag

Use the .tag class, followed by.round class for round warning tag.

Tags With Dropdown

Block Tags

Use .block class with .tag, to set block tag.

Default Tag

Primary Tag

Success Tag

Theme Customizer


Customize & Preview in Real Time

Layout Options


Navigation Color Options
Solid

Gradient

Solid

Gradient


Menu Color Options