I'm trying to change the background color of ModalCover but it won't apply...

[downrightnerd]

I changed css from ModalCover.svelte but it won't apply to my svelte page
even I deleted ModalCover.svelte and it still works...
What am I doing wrong?

[Hejtmus]

Hey,

When overriding built in modal cover class, did you set svelte-lightbox-overlay overriding style to global style block? Svelte has as default scoped style to component, and that could be cause of your problem if you placed you overriding class to wrong place.

In file ModalCover.svelte is element with class svelte-lightbox-overlay, that's the one you want to override.

(Sorry for mobile screenshot, but I'm on vacation)

Without more information I can't tell you what could be other cause of behavior you described, especially lib working, and displaying element in component, which is already deleted.

Could you please send me instructions how to reproduce you behavior, and snippet of code of your overriding css?

Best regards,
Filip Holčík.