I am reevaluating the usage of the Bricks Page Builder with the Automatic.CSS framework and ACSS Purger (Unused CSS Removal Plugin) as an updated stack.
I need these questions based on the provided table answered to determine whether Bricks Page Builder is the right choice for me.
Questions
1) Can Bricks create CSS that is scoped to a template (and loaded on pages using the template)?
1a) Does the custom code element add the CSS Inline?
1b) Is there a way to add CSS to a templated scoped CSS file (.css)?
2) Can Bricks load CSS inline and externally (in a .css file) at the same time?
2a) Does the custom code element always load the CSS inline?
2b) How do you add custom code inline and externally at the global scope?
Table
The following table shows each WordPress tool’s capability for editing CSS optimally (as per [Feature Request] Oxygen Builder CSS Control · Issue #3407 · soflyy/oxygen-bugs-and-features · GitHub).
| Column 1 | Column 2 | Column 3 | Column 4 |
|---|---|---|---|
| BRICKS | OXYGEN BUILDER | CSS PLUGIN + ASSET REMOVAL PLUGIN | |
| Global Inline CSS (<head>,<body>,<footer>) | Default Behavior | <body>,<footer> only (via Template) | Yes |
| Template Inline CSS (<head>,<body>,<footer>) | ??? | <body>,<footer> only (CODE BLOCK element) | Yes with effort (Asset Removal Filter) |
| Page Inline CSS (<head>,<body>,<footer>) | Custom Code — Bricks Academy | <body>,<footer> only (CODE BLOCK element) | Yes |
| Global.css (queued on every page) | Global CSS Classes – Bricks Academy and Asset Loading Optimization – Bricks Academy | universal.css | Yes |
| Template.css (queued on respective pages) | ??? | No | Yes with effort (Asset Removal Filter) |
| Page.css | Not Required | Not Required | Not Required |
| Notes | Use of both Inline and External CSS at the same time is unspecified. | Workflow requires pagebuilder, inspect element of page, and two plugin screens |
Resource links in table are not hyperlinked due to user limit.
CC @timmse