NO BUG: Bricks broke homepage after saving randomly, revisions not working

Bugs
1

Browser: Chrome 110
OS: windows
URL: https://nourvillasbelize.com
Video: (Jam)

I was editing a couple minor css things on my homepage, and after using the undo button a few times, and saved…everything broke on my homepage.

Tried restoring from revisions, doesn’t work.

Using the latest version of Bricks. This JAM contains my system details.

Not sure if its a bug or not but this is bad.

2

Hi Roberto,
Thanks so much for your report!

This usually happens due to invalid CSS, which is not recognizable within the builder since each style setting is wrapped in an individual style tag. On the front end, however, the styles are merged, and if there’s some invalid CSS, such as a missing bracket, it will influence the subsequent styles.

The easiest way to find the culprit:

  1. Switch to inline styles
  2. View the HTML on the frontend and copy the whole <style id="bricks-frontend-inline-inline-css">...</style> tag and paste it to a code editor which supports CSS linting (e.g. vsCode).
  3. Remove the opening and closing style tag, so there’s only the CSS left.
  4. The editor shows if there is any invalid CSS. If it’s on an ID, search for the ID on the frontend to know which element you must look at.

Best regards,
timmse

1 Like
3

Just saw ya on Kevin Geary. Glad you got it to work in time for review :wave: :grin:

1 Like
5

Thanks very much for getting back to me, unfortunately it was on a live domain and I had to use a manual backup to get back much of the site. So I couldn’t dig in to find the culprit.

I can assure it wasn’t custom CSS. The homepage broke when I used the undo button a few times, then I mistakenly saved and voila…broken homepage.

6

yeah, I luckily had a manual back up and just added some of the changes I hadn’t saved … always got that back up, man! :grin:

7

I am sorry to hear this, but I cannot reproduce the problem in this way. In your case, it is no longer possible to say precisely what caused it.

It does not have to be custom CSS. A missing variable bracket in an input is also invalid CSS.

I will mark the report as no bug for now and ask you to contact us again if the problem occurs again/you find replicable steps. If so, please wait to import the backup so we might have a chance to check what the problem is :slight_smile: