Best way to load element's css into the properties panel.

@artf I undertand now

I completely missed the checkbox next to each selector. Setting the forceClass to false solves all my problems! I dont really need that as I'm keeping the source code extremely lean with as little divs as possible. Thank you very much for that!

Dan

I discovered that if the div has no class and just style then a single class is created and the background is applied to the properties panel:

so that would be a partial solution for now but still looking for a better alternative.

Hi @daniel-farina you don't see .c1019's background because your component has two classes so, by default, the Style Manager select the CSS rule where the selector is a combination of all its classes, in your case .col-8.c1019. If you want to see .c1019's styles you can just deselect .col-8

You can also avoid automatic class generation if you want

grapesjs.init({
     ...
     forceClass: false
})