Tags

Updated

Usage

Open Appearance → Customize → Styles → Tags to style filter buttons and category pills. Set the Font, Size, Weight, Style, Transform, and Tracking, then Horizontal Padding, Vertical Padding, and Border Radius for the pill shape.

Color and Background set the normal look. Color When Active and Background When Active (default White on Primary) apply to the selected filter, for example in a portfolio or blog archive.

When to use it

  • Portfolio, publication, or blog blocks with category filters or tag lists.
  • Matching filter pills to your buttons. Compare Border Radius with Styles → Buttons.
  • After palette changes, to keep unselected tags (Gray background) distinct from the selected one.

Tips

  • This styles the pill design wherever it appears, not only WordPress post tags.
  • Background defaults to Gray with Text-colored labels. The selected tag switches to your Primary color.
  • For uppercase category labels above titles, use Header 4 through Header 6 instead of pills.
  • Raise Border Radius for fully rounded pills; 0 gives square corners.

Settings

Tags

Font setting in the block editor sidebar
Font
  • Display
  • Body
  • Altdefault
Weight setting in the block editor sidebar
Weight
  • Extra Light
  • Light
  • Normal
  • Book
  • Md. Bold
  • Bolddefault
  • Xtra Bold
  • Black
  • Xtra Black
Transform setting in the block editor sidebar
Transform
  • Nonedefault
  • Uppercase
  • Lowercase
  • Title Case
Style setting in the block editor sidebar
Style
  • Normaldefault
  • Italic
Size setting in the block editor sidebar
Size
Tracking setting in the block editor sidebar
Tracking
Horizontal Padding setting in the block editor sidebar
Horizontal Padding
Vertical Padding setting in the block editor sidebar
Vertical Padding
Border Radius setting in the block editor sidebar
Border Radius
Color setting in the block editor sidebar
Color
  • None
  • White
  • Textdefault
  • Primary
  • Secondary
  • Accent
  • Variant
  • Muted
Background setting in the block editor sidebar
Background
  • Text
  • Primary
  • Secondary
  • Accent
  • Variant
  • Muted
  • White
  • Graydefault
Color When Active setting in the block editor sidebar
Color When Active
  • None
  • Whitedefault
  • Text
  • Primary
  • Secondary
  • Accent
  • Variant
  • Muted
Background When Active setting in the block editor sidebar
Background When Active
  • Text
  • Primarydefault
  • Secondary
  • Accent
  • Variant
  • Muted
  • White
  • Gray