Filters - Drop Shadow - Custom not working

Hi @dan

just tried gambled around with shadows and found something what is not working. When I want to give a container a shadow, it works with the pre-defined ones (e.g. xl, 2xl etc.) but not when I am creating a custom one. No matter what I create as a shadow, nothing is shown

@WeaverPixel is this the same as your issue, when I switch to custom on the container the shadow disappears

the shadow is bigger on a custom component compared to the container when both set to say 2xl

just to show same shape, make container a circle

@upssjw I was wondering why the 2xl shadow was so small also on my side, but I thought it is the definition. Your example shows that also with the pre-defined shadows something is not correct.

Seems like to me as well

I can’t reproduce this issue here. Could you provide an example project with the issue? Thanks :slight_smile:

Hi @ben

sure, you find the part here: elementsapp://downloadDocument/vqJ53EeYgASE

There are 3 containers in a Grid. The first 2 have under Filters a 2XL drop shadow. The 3rd one has a Custom Shadow. No matter what I am doing with the custom settings, I can’t see the shadow changing on the container (in the setting box I can see it).

Also with the other drop shadow pre-sets, there seems something wrong. The 2XL shadow is a bit small for a 2XL. That’s what also @upssjw was mentioning.

@ben @WeaverPixel

See video and download below

Two circles

Top one is a custom component, using the Element’s shadow ui control, you can see the size of the 2xl shadow, if we choose custom you can see the pink shadow show and it can be controlled

Bottom one same circle created with a container, the 2xl shadow seems less defined, if you select custom the controls appear but no shadow appears

Not tried @WeaverPixel multi issue

elementsapp://downloadDocument/e3C9Z8xnOoWA

ok 'effects ’ works and ‘filters’ do not

@ben @WeaverPixel

Tried @WeaverPixel works with ‘effects’ even the third container

You have to select everything and Not background or content, would have thought background would be the initial choice

Hi @upssjw, just tried it and yes, with “Effects” the “Box Shadow” is working as intended. Maybe that is the correct or better way to implement a container shadow.

But for what is then the “Drop Shadow” in “Filters”?

I’ve looked in to this and found that there is a bug in the Drop Shadow filter that is preventing it from working. We’ll get this fixed up asap!

2 Likes

Thanks @ben

a comment on the shadow part. In general I really like how you have implemented the shadow settings overall in Elements.

The only thing what should be improved is that the “Blur” slider is the only one which has only a slider and not a value field. That field is really missing.

Text: Drop Shadow: Custom: The Backdrop filter is difficult to use. The other Drop Shadow filters don’t do much. Is there a better way to make a text shadow?

If you want text shadow on the Text component, then there is already a “Text Shadow” in the General settings group.

If you want a custom shadow, you’re probably best creating that in the Theme Studio so you can easily reuse it.

Hope that helps :slight_smile:

1 Like

Ok, it works better in the Theme studio, when I reduced the opacity of the black color to 40-50%. I still think you need to have a look at the text shadow settings in Elements such as Default, they don’t do much now.

Just to be clear… the Backdrop Filters heading belongs to this setting:

Not this one, the one in Custom, see my first screen.

The Slider belongs to the Drop Shadow (it has nothing to do with the “Backdrop Filters”), it controls the blur amount, not the opacity. You change the opacity in the colour picker.

I hope this clears things up for you.

1 Like

Ok, the slider above the backdrop filter text is a little difficult to use since no scale or numbers. And why not longer/wider?

When I save it as my own shadow in theme studio, will it be visible in all projects and themes? No, it’s not …