Highlight selected thumbs

firefox13

I have place a red border around photos and thumbs in all galleries. Now when you click on a thumb it does not highlight which thumb you are on.
Is it possible to have the selected thumb highlight in a different color or in some other way?

Hikin' Mike

Try this:

.sm-gallery-thumbnail .sm-tile:hover {
    border: 1px solid #fff;
    }

Change to suit.

firefox13

Hikin' Mike wrote: »

Try this:

.sm-gallery-thumbnail .sm-tile:hover {
    border: 1px solid #fff;
    }

Change to suit.

Thanks.
I tried putting that in all galleries css. This is the css block for all galleries ;

.sm-user-ui .sm-page-widget-nav-toplink a:hover {
color: #ff0000!important;
}

.sm-user-ui .sm-gallery-smugmug .sm-image {
border: 1px solid #ff0000;
padding: 0px;
}

/* Set the overflow of the images to be visible so the border actually displays properly */
.sm-user-ui .sm-gallery-smugmug .sm-tile-content {
position: relative;
display: block;
overflow: visible;
}

.sm-gallery-thumbnail .sm-tile:hover {
border: 1px solid #0000ff;
}

I changed the colour to blue so that when you select a thumbnail that border would change to blue.
This did not work unfortunately.
Any other thoughts?

Hikin' Mike

Try this instead

.sm-user-ui .sm-gallery-smugmug .sm-image:hover {
    border: 1px solid #0000ff;
    }

firefox13

Hikin' Mike wrote: »

Try this instead

.sm-user-ui .sm-gallery-smugmug .sm-image:hover {
    border: 1px solid #0000ff;
    }

Nearly there! The border on the thumbnail changes to blue but only when I point on the actual border not when I point on the image inside the border nor does it change to show which image is selected.
Maybe just another tweek?

Hikin' Mike

firefox13 wrote: »

Nearly there! The border on the thumbnail changes to blue but only when I point on the actual border not when I point on the image inside the border nor does it change to show which image is selected.
Maybe just another tweek?

Since you haven't unveiled your site yet, I really don't know what else to do since I can't see your site in action.

denisegoldberg

What style gallery are you using? I'm assuming smugmug style since in the other styles clicking on the thumb opens the photo in lightbox.

I don't think you want hover - or maybe you want .sm-image:hover plus .sm-image:active.

http://www.w3schools.com/css/css_pseudo_classes.asp

--- Denise