A
Alan Ristić
ISSUE
As we don't have 'Custom CSS' option on Element level (or sectino/column/row) in Website/Funnel Page Builder we must use Page-level CSS option.
Good for 1-page website/funnel, not good for universal/global/template sections where section/element expectation is to carry with them custom CSS.
Currently we must copy&paste custom CSS from page to page. Or use hack-ish solutions (like 'Custom Code Block', self-hosted files for global css, etc.)
There's a simple fix...
SOLUTION (MVP)
Add simple 'code box' to every Element in Page Builder's Side Panel. This would automatically carry over every CSS that's inside that element. No new functionallity necesarry for now. Ideal MVP, solves the problem instantly.
SOLUTION (ULTIMATE)
  • copy Bricks Builder & their Custom CSS in Side Panel
  • 'code box' supports Custom Values
  • 'code box' supports default & our custom added Element Classes 'placeholders' (ie '%root_class%', '.my_custom_element_class')
  • any change is reflected in Page Builder instantly (like current Page-level custom code)
RANT
Every page builder on the planet has Custom CSS option in Side Panel. Would LOVE to have this in GHL's Page Builder. Would save TONS of time.