Image Gallery - Can I add a drop shadow to the thumbnails?


It is very simple to add a drop shadow to the thumbnails with a little CSS. You can add this CSS in the Page Inspector in the CSS Tab (see Adding CSS to the Page Inspector if you need help doing this).

Here is the CSS code (change the values to adjust to your needs):

.imageStyle {box-shadow: 10px 10px 5px #888888;}

You may also have to add some margin or padding to the Image Gallery stack so you can see the drop shadow, specifically if it is in a multicolumn stack.

Deal of the Week

Latest Updates

Latest Live Stream

Foundation 6 Swatches - The Magic behind CSS Classes

Latest Design

Subscribe

For product releases and updates by email, please subscribe below.

© 2025 Weavers Space | Terms of Service | Privacy Policy

HelpShelfHelpShelf