SOLVED: Regenerate CSS files broke website layout, can't undo?

Using bricks v2.1.2 and did a regenerate css in the performance tab in settings. This broke my whole website layout, it’s not getting better when doing it again, refreshing cache, disabling cache plugin etc. I also tried inline styles option, also not working.

How to fix?

Hi @bastux,

most likely, there is a broken CSS style, class name, or not properly closed custom element on the page.

Can you switch to inline and share a website link here? Maybe a screenshot on how it should look as well.

Thanks,
Matej

Turning inline did work now the styling is back. Unfortunately the external type is not working when regenerating.

Here is the url: Test product variabel 1 – Aura website

Its now on inline so css works properly. But whe I put on external the header and off canvas etc is all not there, css is
Missing.

1 Like

Hi @bastux,

ok, I’m glad that it works with inline. But, to see the issue, I would need to see the “broken” version. Do you have a staging website, where you could switch to external files, and maybe disable all caching there as well?

Please let me know,
Thanks.

Thanks @Matej , maybe you can get something out of this? I turned on error logging but no errors at all.

See image below: It gets stuck at 14, even let it run for an hour, still the same.

Hi @bastux,

sadly, not much :frowning: Can you open developer tools, and see the network request when it gets stuck? What is the response, and are there any console log issues?

Thank you,
Matej

Will come back to this in a couple days.

Hi @bastux,

I was just able to replicate it! In my case, this is happening because:

  • There is a PHP query loop somewhere on one page
  • Inside this PHP query loop, you are calling a PHP function that does not exist anymore.

The best way to see which file is causing the issue is to open the developer tool and monitor when the regenerating stops. Then you open the last request, and under the “Request” tab, you should see the data parameter, which will tell you the ID of the post that contains the nonexistent PHP function.
If you open the “response” tab, then you will see the error, which will also tell you the name of the function.

I’ve created internal bug report for this, but please confirm if that’s the same issue as you have.

Thank you,
Matej

1 Like

@Matej You are absolutely right. That was the same in my case, and a very nice and easy way to debug it. Solved it, thanks. all working now.

Hi @bastux,

thank you so much for confirming! I’m glad you were able to solve it, and like I’ve mentioned above, I’ve recorded the issue in our internal bug tracker, so once it’s solved, we will update this topic.

Thanks!
Matej

We fixed this issue in Bricks 2.2 RC, now available as a manual download in your account (see changelog).

Please let us know if you are still experiencing issues.

As with any pre-stable release, please do not use it on a production website. It is intended for testing in a local or staging environment only.