Tags
Tags are amazing as they come, but you can style them with just a bit of CSS.

Tag Selectors

Tags can be selected in CSS using the .tag class. There are several additional hooks available to limit your selections.
Selector
Description
.tag-sm
Selects only small tags.
.tag-md
Selects the default sized tags.
.tag-lg
Selects only large tags.
.tag-[type]
Selects tags by their type. Options include:
.tag-primary
.tag-secondary
.tag-success
.tag-info
.tag-warning
.tag-danger

Example

1
.tag.tag-sm.tag-info {
2
/* would select small tags of type info */
3
}
Copied!

Styling the Tag's Text

To style the text of the tag use the .tag-text child selector.
1
.tag .tag-text {
2
color: #ee7625;
3
}
Copied!
Last modified 1yr ago