SmugMug Style Gallery - How to Add Drop Shadow?

Kphoto1 · September 16, 2015

The SmugMug style gallery in OldSmug automatically came with a slight drop shadow like shown in this site. -->http://info.kphotographic.com/Weddings/WeddingGallery1/16804960_XP2xs4#!i=1493146879&k=qCj6j5L

Now I realized that the NewSmug does not have that. Is it possible for me to add drop shadow to each photo automatically using a code? I would like to know how to do that.

Hikin' Mike · September 16, 2015

Add this to your custom Theme's CSS:

.sm-gallery-thumbnail .sm-tile,
.sm-tile-wrapper.sm-tile-page .sm-tile-content,
.sm-tile-wrapper.sm-tile-album .sm-tile-content,
.sm-tile-wrapper.sm-tile-folder .sm-tile-content {
    -webkit-box-shadow: 0px 0px 15px #151515;
       -moz-box-shadow: 0px 0px 15px #151515;
            box-shadow: 0px 0px 15px #151515;    
    }

Kphoto1 · September 16, 2015

Hikin' Mike, thank you so much - I will give it a try right now!!

Kphoto1 · September 16, 2015

Hikin' Mike wrote: »

Add this to your custom Theme's CSS:

.sm-gallery-thumbnail .sm-tile,
.sm-tile-wrapper.sm-tile-page .sm-tile-content,
.sm-tile-wrapper.sm-tile-album .sm-tile-content,
.sm-tile-wrapper.sm-tile-folder .sm-tile-content {
    -webkit-box-shadow: 0px 0px 15px #151515;
       -moz-box-shadow: 0px 0px 15px #151515;
            box-shadow: 0px 0px 15px #151515;    
    }

Hi Hikin' Mike

Sorry to bother you again, but it did not work.

What I did was below↓

customize > content & design > Theme > edit theme > advanced > custom CSS

I simply copied and pasted the code, but shadows didn't show up. What did I do wrong? Please help.

ChancyRat · September 16, 2015

As you test the code you're adding, check video files and make sure you can play them. I couldn't get videos to play when I added borders around thumbnails in SM gallery style.

Hikin' Mike · September 16, 2015

Kphoto1 wrote: »

Hi Hikin' Mike

Sorry to bother you again, but it did not work.

What I did was below↓

customize > content & design > Theme > edit theme > advanced > custom CSS

I simply copied and pasted the code, but shadows didn't show up. What did I do wrong? Please help.

I used that code on my last previous of my New Smugmug. I don't use that on my current site.

If you haven't switched to the New Smugmug, I can't help you.

Kphoto1 · September 16, 2015

Hikin' Mike wrote: »

I used that code on my last previous of my New Smugmug. I don't use that on my current site.

If you haven't switched to the New Smugmug, I can't help you.

Hi Hikin' Mike, Thanks so much for your help. I am working hard to switch to the NewSmug. The OldSmug came with automatic drop shadows in SmugMug style gallery but the NewSmug does not. So, I am trying to figure out the way to add the shadows. I must have put your code in different place. Unfortunately, it did not work.

Hikin' Mike · September 17, 2015

Kphoto1 wrote: »

Hi Hikin' Mike, Thanks so much for your help. I am working hard to switch to the NewSmug. The OldSmug came with automatic drop shadows in SmugMug style gallery but the NewSmug does not. So, I am trying to figure out the way to add the shadows. I must have put your code in different place. Unfortunately, it did not work.

It's possible that your theme works different than mine, meaning it's different than what I'm using (Sierra).

SmugMug Style Gallery - How to Add Drop Shadow?

Comments