CSS for classes and ids duplicate across all classes and the id of the current element

[pascalinger]

Any bug report that doesn't include a Sandbox link or replication steps will be closed. If you can't provide these pieces of information, we're happy to help you via our official support channel instead: https://oxygenbuilder.com/support. You need to select "Something's broken and I need help" from the dropdown box on the left.

Describe the bug When adding custom css to a class, the custom css overrides the custom css in all other classes and the id of the current selector. https://s.rpxls.com/X6un5wxe

Version: Oxygen ver 4.8 beta 2

A link to a Sandbox site where the bug has been reproduced https://oxygenbuilder.com/try? (REQUIRED) https://oxygen-q6btnrstg6zvl.oxygen-demo.qsandbox.org/?

[Kpudlo]

Replicated and reported internally via https://github.com/soflyy/oxygen/issues/5197

[shoelaced]

Possibly related: Custom CSS persists in the editor when switching breakpoints, but if you switch to the breakpoint and then "refresh" the CSS editor by going back to the main settings and then back into the CSS editor, then it works and shows the custom CSS applied to that breakpoint. In the OP's case, it should work to switch to the ID/class and then similarly close and re-open the CSS editor.

[lucianahanan]

up

[lucianahanan]

same happened to me. It's persisting the last value put in css at the breakpoints. you change in one viewport, it changes all of the others. Tested with all plugins disabled, oxy 4.8, last wp and php 7.4

[lucianahanan]

Another related bug: The settings are also not passing to the smaller viewport automatically, I have to add the previous value to get it applied, otherwise when I go to the smaller screen, the previous setting is getting ignored.

on background settings, middle viewport:

[lucianahanan]

another place with the same problem:

[lucianahanan]

Another related bug : the testimonial photo, I had 4 testimonial photos. One of them even if duplicated from the third one, was not passing the photo width to the smaller viewport correctly, I had to put a different value to achieve the same width from the others ( for some odd reason! ).

[lucianahanan]

( 4th testimonial that was duplicated from the third one, not respecting the image spacing )

[lucianahanan]

After the workaround fix, the frontend shows the spacing as I expected, but in the editor, the designs are not displaying exactly as the frontend, it's somewhat not right. ( in frontend )

(in editor)

[lucianahanan]

I found an install of mine with oxygen version 3.81 here, wp version 6.2.2, where the persistence bug is not happening yet:

another install with wp 6.4.2 and oxygen 4.7 already has the CSS bug, and probably the others.

[lucianahanan]

While doing more tests with older versions, here is what I discovered: The bug started at oxygen version 4.70

4.80 bugged 4.71 bugged 4.70 bugged 4.60 not bugged