I am having an issue where I set blending mode to Multiply to remove the white background from small logo images on my site (I’m setting the mode to the images’ parent div, although I’ve even tried setting the mode to the image itself). It looks to be working in build mode, but when I look in preview mode, or publish the site, the blending mode appears to not work.
I’ve tried other blending modes and the same thing happens. I’ve tried blending modes on other images on the page, and they work fine.
Any thoughts? Does Multiply work differently on the web than on design platforms?
hi @ndunlap I have checked your live site and blending works as expected. So If this happened “only” In WF Designer preview mode we should wait. The WF team should fix this preview anyway as it is full of bugs that made this mode useless. Until then you shouldn’t use WF Designer preview mode as reliable reference.
hi @ndunlap I will recommend to upload all logos without background and if you can’t find one you can use these you have and process these with any Graphic program to erase white background.
In meantime here is a hack you can use before you will upload appropriate .png or better will be .svg. Mixing to gray it a bit harder as grey is actually no color. But what you can do for now is to apply there rules to your partner-logos-wrapper
/* this will filter white BUT has other issues as other "black" logos aren't black*/
/* so use this filter to partially fix it */
Hope that will help until you will upload logos without bg.
Thanks for looking into it. This seems to just be a Webflow bug that you can’t use blending modes on elements that animate. I’ll probably just make the background white to work around this. It’s hard to get some of these more obscure company logos as PNG or SVG files.
Hi @ndunlap I believe that if you look on internet you will find what you need at least in png. These logos are very pure quality but they are good enough as they are small. As I have mentioned you can find good quality logo and remove background and if you would like to make it SVG there are online services they do that.
Each company should have a Brand Identity Guideline that is a set of rules to preserve identity of company eg. NASA, Prosper Canada etc. where you can find good logo.
But of course easiest way is to change background.