NO BUG: Classes have no effect anymore

I just stumbled over the following:

I create a CSS class in Bricks for example for a H1. With the heading element selected I start changing font, size, etc. Nothing happens.

Deselecting the new class and changing font, size, etc. the heading style changes.

What am I´m doing wrong? Since it has worked on other projects I have no idea what´s the problem. I have done a clean install…same…

Still running in that issue. Unfortunately I work offline with this project. Which infos would be helpful for you?

Bricks 1.8.6 // Oxyprops // Structeezy // Bricksforge // Firefox Dev

Hi @Rafael,

Thank you for your report. Can you please try disabling all plugins & clearing your cache to see if it’s a plugin conflict? And if you’re using external files as your CSS loading method then regenerating the CSS could help.

If none of this works then a screen recording or some screenshots showing the issue & a URL would be helpful :slight_smile:

Hi @charaf ,
thank you for your answer.
I´ve disabled Oxyprops (and no other plugin installed), but didn´t change anything.
As I´m working offline on this project I cannot send any link.
I already thought of a screen recording… I´ll try that, too

Hi @charaf ,

ok, it´s getting weirder…
I cleaned the cache with that basic W3 tool…
I created a new page, created a class for a h1 element - changing settings for typography does have visual effect.
Going back to the page I´m working on. Working with a class has no effect as described.
:thinking:

Did you update wordpress to 6.3.1? I have similar problem.
I have custom css in bricks setting custom css section, after added classes in editor some elements. After I updated to 6.3.1 it deleted all of my custom classes in editor. I have to added again it every elements. (my css code is untouched in bricks setting custom css)

Hi @simplecreative ,
thank you very much for your answer - always good to read that others face similar things and I´m not totally wrong…
Yes, I´m using 6.3.1, but I haven´t noticed a direct connection. Maybe, because it was setup locally from scratch and didn´t had the noticable transition from 6.3 to 6.3.1

Hi guys!
I’m curious, did you already find a work around for this? I just ran into the same issue and it’s a bit nerve wracking.

I already tried:

  • clearing cache
  • deactiviting plugins
  • generating new css files
  • adding new classes

I’m also on WordPress 6.3.1.

Hi @charaf,
so I´m running in the same issue with the styling of the nav menu - but with the difference, that I´m not using a class, but I only try to change font size, color, etc. which has no effect.

Hi @Barbara,

I bit nerve wracking is friendly spoken.
And no solution yet. As mentioned in my other post, I ran into this issue now with NAV.
Hopefully there will be a solution soon, because it´s really developing into a major problem if more elements are simply useless…

Hi @simplecreative, I’m not sure the bug you’ve described is similar to the one @Rafael mentioned. You can create a new bug report if you’re still facing the issue ofc :slight_smile:

Hi @Rafael & @Barbara ,

Can you please share more details about the issues you’re facing. It’s really hard to tell what could be going wrong from what’s been described so far. If you can share reproducible steps or temporary admin access sent to help@bricksbuilder.io with a link to this thread, that would be much appreciated.

Hi @charaf

I´ve set up a site for you and sent you the login credentials to help@…

Hi guys,

sorry for my late reply. I updated to Bricks 1.9 and my problems seem to be almost gone. Sometimes (but not always) the builder doesn’t show changes I made in classes, but the live website is okay. So I guess, that’s a different thing now.

All the best,
Barbara

Hi @Rafael,

I’m unable to reproduce the bug on your website:

Is there something I’m doing wrong maybe?

Hi @charaf,
I just put in a text with another class…same issue…

Hi @charaf,

I´ve just setup up (local) a blank WP installation and Bricks 1.9. No other plugin, no Oxyprops, no nothing.

Create new site - created a header and a class…it works. Created a text, created a class…same issue…doesn´t work

I have no f… idea what´s going on!

Hi @Rafael,

I was able to add classes to the same text element and got them to work:

The reason why your custom class “.99h-test2” doesn’t work is due to the fact that it starts with a number. That’s not a valid CSS class name:

  • A valid name should start with a letter (a-z)[A-Z] , an underscore (_), or a hyphen (-) which is followed by any numbers, hyphens, underscores, letters.
  • Cannot start with a digit, two hyphens or a hyphen followed by a number

https://medium.com/front-end-weekly/css-selector-for-element-which-have-numbers-as-class-name-b6a089989199

Hi @Charaf,

oh man, thank you so much! I wasn´t aware of that convention…

Thank you again!

Rafael

1 Like

@Rafael I’m glad it’s resolved :slight_smile: