DUPLICATE: CSS Indicator Icon Doesn't Show When CSS Added at Class Level

[digitalgravy]

When you add custom CSS on an element at the ID level, a CSS icon displays in the structure panel to let users know that element has custom CSS.

When you add custom CSS on an element at the class level, no indicator appears. This is a big bug for teams and design sets, as users can’t easily see that custom CSS has been used on an element.

[MarketingSpectrum]

I feel it’s related so I’ll add on this - you also can’t see there is custom css if you go to a lower breakpoint.

This is actually a cool feature since you can change custom css per breakpoint.
But not knowing Custom CSS is added on a higher breakpoint (not even an indicator in the panel - same as with the borders) makes it really hard to keep track. For those working in teams - nearly impossible to spot.

[jornes]

I’ve reported this once before when this had implemented. But they still not fixing it till now.

[timmse]

Hi Kevin,
Thanks so much for your report.

The problem has already been reported by Jornes some time ago and is still on the list:

WIP: Structure Panel: Improvement on Custom CSS Indicator

Hi! I noticed that the custom CSS indicator only appears if the CSS is added using #ID. The indicator didn’t appear when I added the CSS using a class. Here I made a screencast: I suggest making the indicator appear whether it’s placed under IDs or classes. Also, give the indicator different colours, so we know the CSS is with Class or ID. *I think this should be more on bug instead of feature request/improvement.

I’ll close this thread accordingly.

Best regards,
timmse