Custom CSS that is added to Bricks>Settings>Custom Code not working

Bricks Version: 1.4.0.2
Browser: Any
OS: Any
URL: All Pages

CSS that is added to Bricks>Settings>Custom Code ends up appearing near the top of the html in /* GLOBAL CSS */

This comes before /* PAGE CSS /, / HEADER CSS /, / HEADER BREAKPOINT: mobile_portrait /, / CONTENT CSS /, abd / FOOTER CSS */.

Its placement in the head before these sections prevents overriding anything they set.
Global should either come last, or a “final” or “last minute” type of section should be added last to allow the final chance to override absolutely CSS that has been previously set.

I know that css can also be added to the page via the Code widget, or can be injected with javascript, or functions or indeed the WordPress PHP code base itself can be modified to get the final say on how the page is rendered. It would be nice if Bricks would allow override or add any CSS to the bottom of the html head instead of the top of it.

Thanks

2 Likes