Streaming live at 10am (PST)

Blending Modes not working on Site


I am building a website for a client but my blending modes for the logos on the top left of the page have stopped working. I can not figure out why.



The screenshots below show my custom head code as well as the tags on the two elements.


Here is my site Read-Only:

Any help would be really appreciated. Thank you.


I’m willing to help on this.

Prior to that, can you remove your custom code from where it is and add it again inside of the page, using the Custom Code component from the Add menu?

It will allow me to see the effects live. The benefits of doing so is that you can see the effects of CSS right in the designer, no need to publish. Works with everything CSS, not just blanding modes.

Ping me when you’re done with this step. thanks.

Also the read only link we need isn’t the one you’ve provided. You can generate a read only link on your site’s settings page, look the options at the top.

Hi Vincent, sorry for the late reply I have been away, and thanks a lot for helping me!

I have moved the custom code to the page and here is the read only link:

Thanks again!


Hi Vincent,

I am having similar issues. I was able to do the “overlay” blending mode, but nothing is happening when I try and add the “colour-burn” mode:

The black box here is what I am trying to use the “colour burn” blend mode on to make it look like this (from Sketch):

I have added the CSS to the custom code within the page but I’m not sure what the issue is :confused:
Here is my live-link:

Thanks a million!