Lightbox Content Popup

Typography & Colors

Version: 6.0

Typography & Colors

The Typography & Colors tab provides detailed card styling that can override or complement the selected card theme.

  • Card background: Set a solid or supported RGBA background.
  • Card border colour: Choose the border colour.
  • Card border width: Set 0 to 8 pixels.
  • Card border radius: Enter a CSS size such as 16px or 1rem.
  • Text colour: Controls card caption and title text.
  • Text size: Enter a CSS size such as 14px or 1rem.
  • Text weight: Normal, Semi-bold, or Bold.
  • Font family: System/custom, Inter, Poppins, Montserrat, or Open Sans.
  • Custom font name: Used when System/custom is selected. The font must already be loaded by the template or another extension.
Card content padding

Use the four labelled Top, Right, Bottom, and Left inputs. When the control is Linked, changing one value applies it to all sides. Select Unlinked for individual values. Available units are px, rem, em, and percent.

Accessibility tip: Keep normal text contrast at 4.5:1 or higher and avoid very small type. Test Light, Dark, Glass, and Brand themes against the actual template background.