Title: image drop shadow?
Last modified: February 24, 2023

---

# image drop shadow?

 *  [RGB LAW](https://wordpress.org/support/users/rgb-law/)
 * (@rgb-law)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/image-drop-shadow/)
 * Hello!
 * I am trying to add a drop shadow to an image. Is there an easy way to do this?
   I’d like to put a drop shadow on the main image on the page below. (and on other
   pages) THANKS FOR ANY HELP!
    -  This topic was modified 3 years, 3 months ago by [RGB LAW](https://wordpress.org/support/users/rgb-law/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fimage-drop-shadow%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Moderator [bcworkz](https://wordpress.org/support/users/bcworkz/)
 * (@bcworkz)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/image-drop-shadow/#post-16504243)
 * Add this to the Additional CSS customizer section:
 *     ```
       .zoomContainer {
           box-shadow: 10px 10px 10px grey;
       }
       ```
   
 * The first two dimensions are the X and Y offsets, the third is the blur radius.
   adjust as you prefer.
 * This will likely apply to any image that has the magnifier zoom effect applied.
   You’ll see the shadow extends slight above the image. This is because the image
   isn’t entirely filling its container. The image is actually implemented as a 
   background. The shadow is actually applied to the div container and not the image
   itself. It’s top and height properties apparently need some adjustment. These
   are likely determined by script, probably belonging to the zoom effect script.
 * I recommend asking the zoom effect devs how the div container could better fit
   the image available.
 *  Thread Starter [RGB LAW](https://wordpress.org/support/users/rgb-law/)
 * (@rgb-law)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/image-drop-shadow/#post-16504266)
 * Thanks! If I dump the zoom feature, will it substantially simplify doing a drop
   shadow? If so, could I trouble you for the code that I’d use for a basic image(
   i.e., not with the zoom feature enabled)? Thank you again. I really appreciate
   you taking time to help a stranger.
 *  Moderator [bcworkz](https://wordpress.org/support/users/bcworkz/)
 * (@bcworkz)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/image-drop-shadow/#post-16505780)
 * I’m not sure what the resulting HTML would look like without seeing an actual
   page without zoom. You could replace the `.zoomContainer` with `img` to affect
   all img tags, but it still wouldn’t work with background images. Ideally there’d
   be some unique CSS selector combination that’d address only the images you want
   drop shadows on and not those you don’t.
 * Part of the problem is the image is implemented as a background. Ideally it’d
   be a normal foreground image. To achieve the ability to see the image in greater
   detail, consider some kind of lightbox-like app that opens a bigger image in 
   a modal.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘image drop shadow?’ is closed to new replies.

## Tags

 * [drop shadow](https://wordpress.org/support/topic-tag/drop-shadow/)
 * [Shadow](https://wordpress.org/support/topic-tag/shadow/)

 * In: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
 * 3 replies
 * 2 participants
 * Last reply from: [bcworkz](https://wordpress.org/support/users/bcworkz/)
 * Last activity: [3 years, 3 months ago](https://wordpress.org/support/topic/image-drop-shadow/#post-16505780)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics