Image Hover Shadows Within a Gallery

Visual Voodoo

Hi guys,

Can anyone help me to add a shadow effect when you hover over an image with your mouse? All the other site hover shadows work, except within a gallery.

Here is where the shadows don't work: http://www.thephotoguru.com/Stock-photos/2017/20170416-OLWEEAN/

Here is where the shadows do work: http://www.thephotoguru.com/Stock-photos

Hikin' Mike

Try this instead...

/* Drop Shadow to Images on Hover */ 
.sm-user-ui .sm-tile-page .sm-tile-content:hover,
.sm-user-ui .sm-tile-album .sm-tile-content:hover,
.sm-user-ui .sm-tile-folder .sm-tile-content:hover,
.sm-user-ui .sm-tile-photo .sm-tile-content:hover {
    box-shadow: 7px 7px 5px #bfbfbf;
    }

Visual Voodoo

Does that code replace what I have, or add this code to what I have?

Thanks Mike.

Hikin' Mike

Either or. I just added the last line .sm-user-ui .sm-tile-photo .sm-tile-content:hover to your current CSS.

Visual Voodoo

Thanks Mike. Works perfectly. I removed the excess code. Thank you much.

Visual Voodoo

Does Hiking' Mike or other SmugMuggers know how to remove the JUST the shadow from the header being hovered by a mouse in the upper left corner of website (logo). Now I do have shadow hover on all my images but the effect doesn't look as good with the header getting a shadow too when hovered. Anyone know how to fix this?

Hikin' Mike

@Visual Voodoo said:
Does Hiking' Mike or other SmugMuggers know how to remove the JUST the shadow from the header being hovered by a mouse in the upper left corner of website (logo). Now I do have shadow hover on all my images but the effect doesn't look as good with the header getting a shadow too when hovered. Anyone know how to fix this?

Do you have a link to your site that works. Both links (including your home page) you've posted above doesn't show anything.

Visual Voodoo

Hi Mike. Yes you are correct. Here you go...thanks for helping.

http://gallery.photoguy.com/Photos

Hikin' Mike

Add this.

.sm-user-ui .sm-page-widget-18170967 .sm-tile-photo .sm-tile-content:hover {
    box-shadow: none;
    }

Visual Voodoo

Thank you Mike. That worked great!