Class Manager: "Always load" option to output a class' CSS on every page

Feature Requests / Improvements
1

Problem

Global class CSS is only output when the class is used by an element in the rendered page. Classes that are applied outside the builder never load and silently do nothing.

Use cases

  • .visuallyhidden applied via custom code, dynamic output or JS
  • heading utility classes (.h1 … .h6) applied to output that isn’t built in Bricks (WooCommerce, plugins)

Suggestion

A checkbox per class in the Class Manager, e.g. “Always load”, that forces the class’ CSS to be output on every page regardless of whether it’s used in the builder.

Bricks can’t know which classes will be added dynamically, but the user does, so let them flag it.

Why the current workarounds fall short

Defining the same rules in Custom Code → Custom CSS or the theme stylesheet means maintaining them in two places and giving up the builder UI for them. The other known trick — adding a hidden dummy element just to force the output — is a hack. Both leave classes sitting in the Class Manager that look active but do nothing on the page.

The same idea came up here: Load css class on a page where it is not used at page load

1 Like