Can you remove the drop shadow from pop-up gallery thumbnails?

Can you remove the drop shadow from the pop-up gallery thumbnails? Custom CSS?

I’m looking for a way to launch a gallery from a single flat thumbnail with no shadow. If I set thumbnail animation to “none” then pop-up gallery works perfectly.

Have you got a URL to the page in question?

Thank you for your interest in helping. The full page is a beast. I stripped it down to just the relevant stacks in question and posted it here so you can see what I mean.

This is what I see…

No drop/box shadows anywhere.

EDIT: OK, I see it, tiny image!

Try this …

.stack-of-images  {

1. box-shadow: none !important;


I think I tried that and it didn’t work, but perhaps I don’t know where to put it. Where in RapidWeaver do I paste that code?

I had tried that for the Page Specific solution. I just tried for the site-wide solution.
Neither worked.

By the way, thank you so much for working with me on this.

Couple of things –

There’s an errant 1. in this code snippet.

Additionally it should be targeting the img tags within the stack-of-images class.

I don’t normally offer custom code, but I want to clear up the mistake above to see if it helps you out. You’ll be on your own supporting the code however.

.stack-of-images img  {
    box-shadow: none !Important;

This only affects the shadow though. There will still be a border on the image.


Apologies. I’ve was doing some very quick cut and pasting from inspector, not actually trying it out, so didn’t spot the obvious mistakes.


No problem. I’m sure @RangeWide is thankful for your help though. :smiley:

Thank you both so much! That works splendidly.

1 Like

Thank you so much! I’ve got it all working great now.