Some custom CSS not loading/showing in inspect

Design help Custom code
1

Hello guys,

I’m trying to add custom CSS to a class in order to use the mix-blend-mode property.

I’ve added some custom code inside the tag of the page in order to do so, but also after publishing the change do not appear to work. Checking “Styles” in the web inspector, it does not show the property to have been loaded.

What’s even stranger, it’s that other properties specified for the selection background color are correctly loaded and working.

I’ve tried everything and I’m on the verge of going insane, so I figured was a probably best to ask for your help instead of ripping my hair off one by one.

In order to debug and find the problem, I’ve created a page with only the target div
inside the body, and modified the property to simply change the background color, but even this way things do not work.

Here’s the custom CSS:

filltest
filltest2288×1052 271 KB

Here’s the published page to inspect:
https://www.nuovarima.it/filltest

Here’s the project in read-only mode, the problem is found in the “FillTest” page
https://preview.webflow.com/preview/nuovarima?utm_medium=preview_link&utm_source=designer&utm_content=nuovarima&preview=d40480084afa0dadfe413301723012e3&pageId=5e6a1e4aca30a302738c1d5c&mode=preview

(I can’t share only the page in read-only because I’ve started from a template, so I can’t duplicate the project to leave only this page, and I can’t replicate the structure on another project because requires hosting)

Thanks in advance for any help guys. :pray:

2

Hi @cripto,

first of all for the blend mode you need two objects, which overlay. And second there is no CSS called “mix-blend-mode” in your CSS, or?

I can help, but what would you like to do?

3

Hi Matthias,

first of all thanks for your help.

You are correct, there is no mix-blend property there because to debug in a simple context I tried to change a simpler property (background color, that should override to a magenta), and even with this it doesn’t work and doesn’t show up in the inspector (differently from the selection color, which you can see there it has been loaded)

Regarding the use of the mix-blend property per se, I’ve tried on the actual page to add the property from the inspector, and it works like a charme.

So the problem is not dependent from the specific property, it’s simply not applying any custom style to the specified class.

4

Ok. I understand.
You named your class wrong “.fill_cover” not “.fill-cover” in CSS

5

Sh***********t how stupid. Sorry man I don’t know how I missed it.

Thanks for your help.

1 Like