N
Nitin Chauhan
Just an idea that could really speed up workflow for people who like working with CSS (aka me lol)...
Right now if we want to apply global CSS across all funnel pages, we either have to:
  1. Use the Custom CSS block inside the builder - but that only affects one page at a time. So if I have 10–15 pages... I gotta go back and forth, copy-paste, repeat. Not super fun
  2. Or paste CSS in the Body tracking code box - which works, but it’s just a plain text area. No syntax highlighting, no structure... not super friendly to edit/manage if have long codes.
What would be awesome:
  1. Add a “Global CSS” section under Funnel Settings (right below the “GDPR Compliant Fonts” toggle maybe?) (Check screenshot below)
  2. This would be a dedicated code editor like the one inside the builder (dark theme, syntax highlighting, etc.)
Plus, add an “expand” icon (like in the screenshot) inside the Global CSS editor. When clicked, it should open a popup editor — dark mode, syntax highlighting, full-screen mode, same experience as the page-level Custom CSS.
Cuz' editing 100+ lines of CSS inside a small textbox? Not fun
  1. Styles should apply across all pages in that funnel
  2. And support CSS variables in the builder like fonts, padding, colors, background, margin, height, width and all CSS properties, so we can write stuff in Global CSS like:
Code Syntax Ex:
:root {
--primary: #f8ff00;
--secondary: #3ad59f;
--cta-gradient: linear-gradient(90deg, #f8ff00, #3ad59f);
--width: clamp(3rem, 3.824vw + 1.776rem, 7rem);
--font-family: 'Outfit';
}
Then, reuse those anywhere with var(--primary) or even clamp() properties in the builder.
It would apply styles across all funnel pages automatically. We will have one source of truth to edit anything.
This will save a ton of time, reduce duplicate work, and make global design changes so much easier. Way more scalable than managing styles per-page.
Would love to see this added! 🙏