1. Home
  2. ShopKeys
  3. Favorites Counter
  4. Style

Style

  • Alignment: Choose whether the counter is aligned to the left, center, or right inside its container.
  • Gap: Control the spacing between the icon, label, count, and suffix.
  • Color: Set the text and icon color for the counter in its normal state.
  • Background: Set the background color of the counter.
  • Color Hover: Set the text and icon color when the counter is hovered or focused.
  • Background Hover: Set the background color when the counter is hovered or focused.
  • Padding: Adjust the inner spacing around the counter content.
  • Border Radius: Round the corners of the counter. Higher values create a softer or pill-shaped look.
  • Typography: Control the font family, size, weight, style, and other text settings for the counter.

How can we help?