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.

https://falconry.org/exhibits/page-16/index.php

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;

}
2 Likes

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.

2 Likes

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.

2 Likes

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.

2 Likes