Protecting files makes gallery invisible

LuckyTCB

Every time I attempt to protect my galleries, all of the photos become invisible (thumbnails only appear when you move your cursor over them). Am I doing something wrong, or is this some kind of bug?

www.craiglindemanphoto.com

jfriend

Can you provide a link to a gallery that has this issue? And what browser and OS are you using?

LuckyTCB

jfriend wrote:

Can you provide a link to a gallery that has this issue? And what browser and OS are you using?

Sorry John, I've been away from the site for a while.

Here is a sample of the problem I've been having.

http://www.craiglindemanphoto.com/gallery/6111348_FS5wi#384122149_Wh8Wt

And I'm using a mac OS 10.4.11 and I'm viewing the page through Safari.

jfriend

LuckyTCB wrote:

Sorry John, I've been away from the site for a while.

Here is a sample of the problem I've been having.

http://www.craiglindemanphoto.com/gallery/6111348_FS5wi#384122149_Wh8Wt

And I'm using a mac OS 10.4.11 and I'm viewing the page through Safari.

This part of your CSS customization is causing the problem. Remove it and the problem goes away.

a img.imgBorder, .imgBorder {
padding: 0;
border: none !important;
background: none !important;
}

When Smugmug right-click protects the thumbs, it puts the thumbs in as a background image (right click doesn't work on background images). The CSS you have above is clearing any background image from the thumbs, thus the visible thumbs go away.

What are you trying to accomplish with this block of CSS and perhaps we can accomplish it without messing up right-click protection.

LuckyTCB

I had originally placed that code in the CSS to get rid of the frames around the thumbnails as well as the selected image.

jfriend

LuckyTCB wrote:

I had originally placed that code in the CSS to get rid of the frames around the thumbnails as well as the selected image.

Then, you can try the same code without the background line. The frames are borders, not backgrounds.

LuckyTCB

That worked partially, but there is still a white frame around the images. Could that be a background? If so, I can definitely live with it.

jfriend

LuckyTCB wrote:

That worked partially, but there is still a white frame around the images. Could that be a background? If so, I can definitely live with it.

Add the part in red and the thin white goes away:

a img.imgBorder, .imgBorder {
padding: 0 !important;
border: none !important;
}