Drop shadow for SVG or PNG logo not working

I’m hoping someone knows how to add a drop shadow to an SVG or PNG logo. Currently Blocs 4 adds the drop the shadow to the container and not the logo shape—which doesn’t work of course.

The Filter option in the class editor doesn’t have this option yet, but you can hand code it and place it in your page header.

You need to use the CSS property filter: drop-shadow

eg,.
https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/drop-shadow

If you don’t like to code, you can add a shadow to the logo in png but make sure that the shadow has an opacity of 80% or less to blend with the background color and that the transition is smooth

1 Like

Thanks @Malachiman. I think I can figure out the code, but can I add it into my page header through Blocs, or do that require different software. Thanks for your help!