WAIT: Class not exported on front end (but working in editor) + empty class "." impossible to delete

Bugs
1

Browser: Chrome v145.0.7632.77
OS: macOS
URL: https://malou.upwwward.io/ (WIP)
Video: Bricks Builder class not exported + empty class . · CleanShot Cloud

(Please watch the video first :backhand_index_pointing_up:)

Some classes are showing on the classlist of an element, but the class declaration itself is not exported in the front end… (so the effect is not visible in the front end).
The weird thing is that it’s properly working inside the Editor / Builder but not when I am visualizing the page in the front end as visitor.

I am not sure if it’s related but I also noticed that I have an empty class “.” that I cannot remove…
As for how did it appear here, I am not sure… either I mystype “.” + pressed “enter” in the class input… or it appeared after an import (I copy / pasted the header from another website). The header has some custom css like

%root%::before {
  content: “MENU”;
  color: var(–text-dark);
}

%root% {
  display: none !important;
  align-items: center;
  gap: 0.2em;
}

@media (max-width: 769px) {
  %root% {
    display: flex !important;
  }
}

@media (max-width: 440px) {
  %root%::before {
    display: none;
  }
}

Any help appreciated to fix the class export / rendering on front end and the deletion of this empty class. Thanks again :folded_hands:

2

Hey @LauGau,

it’s very likely connected to the empty class. I suppose if you copy-paste that content again, to some other installation, you can’t replicate the issue, right?
Because for us to fix this, we would need to know how to replicate the empty class. As for now, I don’t yet know how :frowning:

If you can creat a staging website, then I can take a look. Can you send temporary login credentials to your test/staging website and a link to this topic to help@bricksbuilder.io using the email address you used during the purchase, so we can take a look?

Thank you,
Matej

1 Like
3

Thanks Matej, I just sent an email to the support with a link to a dedicated staging site + a secure link with all the credentials.

Thanks again for your help, and good luck with the debug :folded_hands:

4

:white_check_mark: Problem solved, thanks again @Matej ! :folded_hands:

It was indeed due to the empty class “.”

To remove the empty class:

  1. Create a new category
  2. Move the empty class to that category
  3. Use “select all” icon to select it
  4. Use “remove all” icon to remove it
  5. Empty the trash

Hopefully it will help someone else.

2 Likes
5

Thanks @LauGau - this was driving me crazy too! All classes created after the empty “.” class appeared failed to export to the frontend completely. Styles set via the UI panel and the custom CSS field were both ignored. Classes created before the “.” appeared worked fine. Your fix sorted it instantly. Hopefully this extra detail helps others diagnose it faster.

1 Like