CSS Customization

CSS Variables

CreateCouponWebsite uses CSS custom properties for easy customization. Override them in Admin -> Settings -> Custom CSS:

css
:root {
  --color-primary: #2563EB;
  --color-secondary: #10B981;
  --color-accent: #F59E0B;
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;
  --radius: 12px;
  --shadow: 0 4px 6px rgba(0,0,0,0.1);
}

Available Variables

--color-primary — Main brand color used for buttons, links, accents
--color-secondary — Secondary color for success states, badges, deals
--color-accent — Highlight color for urgency, expiring coupons, CTAs
--color-surface — Background color for cards and sections
--color-border — Border color for cards and dividers
--font-heading — Font family for headings (h1-h6)
--font-body — Font family for body text
--radius — Border radius for cards, buttons, inputs

Changes take effect immediately — no build step required.

Custom CSS is injected after the theme stylesheet, so your overrides always take priority.