Some CSS doesn’t work in Bricks Builder 1.6 beta using Minify

Umm, it’s getting worse. Today, background images aren’t loading either. o.O

@mrmatteastwood There is some enqueue ordering issue when you turn on Inline CSS - Recommended if the CSS files are small enough option. So, turn it off

Other than that, I don’t see any issues (except that I don’t use Bricks)

See

https://vs01kngw4c3.c.updraftclone.com/

Hey Venkat, thanks for investigating. Indeed, when I turn off “Inline CSS”, the font family loads, but a lot of other styling still doesn’t. For instance, the font is too small and no background images load.

At this point, I have to fully disable CSS and JS processing in order for the website to still work.

I just ran all database optimizations, then went to Settings and wiped all WP-Optimize settings, then disabled and uninstalled WP-Optimize.

Then, I deleted all fonts and related CSS from the server and re-implemented them as recommended in the Bricks documentation: https://academy.bricksbuilder.io/article/custom-fonts/

I then installed WP-Plugin again and re-configured it from scratch:

Caching on, GZIP compression on, Static File Headers: 32 days
Minify on, all 3 switches
JS: first 2 options.
CSS: only first 2 options. inline CSS disabled
Misc: disable for logged-in users

Same result as before. EDIT: in fact, it’s even worse now. The whole header (logo and navigation) are gone now. Tried Chrome and Firefox on Linux Mint 21, Incognito windows.

When I have some time, I will clone this build to the local XAMPP environment on my PC and see what happens there.

• This reply was modified 2 years, 4 months ago by MrMattEastwood.

Can you open the JS console when the fonts are displaying incorrectly and take a screenshot of any errors, please see here for a guide on how to do this: https://updraftplus.com/faqs/how-do-i-open-my-browsers-developer-tools/

I re-enabled WP-Optimize on https://diespitze-coaching.de, so you can check it now. Here’s the screenshot:

https://paste.pics/K14C0

@mrmatteastwood Which ever script that throws Cannot use import outside a module error should be excluded from Minify.

I have not looked into BricksBuilder deeply, but seems they are using Vue.

Normally, bundlers like WebPack takes modules with dependencies and merges into a single js time in which import won’t be present.

Thanks! Passing this on to the Bricks team.

@mrmatteastwood In our testing, it seems Bricks Builder stable version 1.6.1 solved the issue. Am I right?

Thanks for following up! Yeah, things are going well now. This ticket can be considered closed.