SmugMug Style Gallery - How to Add Drop Shadow?

Kphoto1

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

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

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

Kphoto1

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

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

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

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

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).