Hover Custom Stylesheets

Backlight Customization
#1

I have not seen a way in the Album Set and Album Template thumbnail grid to set a “Hover” option.
I think I will settle for a “Classic” view in the Album Set and a “Masonry” view Album Template.
Will my current BL-1 Custom Stylesheets below work in BL-3?

}
.albums a:hover p {
color: #f77d02;
}
.the__gallery .album-frame:hover {
border-bottom: 2px solid red;
}

#2

Some of it will depend on if you were using the Pangolin templates in BL1. Some structure changed between the Okapi and Pangolin templates.

I don’t think .album-frame is a selector in Backlight 3

for the album sets, .albums a:hover p seems to work. Give it a try.

If you can post a link, we can better help in finding the selector(s) you need.

#3

Rod, I have tried the:
}

.albums a:hover p {
color: #ff0000;
}

CSS, but it does not work. I think I set it up correctly.
My test website link is:
http://fz-test.franzzihlmannphoto.com/
Keep in mind that the site is still experimental… :grinning:

#4

You have a small mistake. Take out that first curly brace above everything. It should look like this:

.albums a:hover p {
color: #ff0000;
}
#5

:roll_eyes:

#6

Do you happen to have a sample for the Gallery Grid in your belt quiver? A CSS that would work similar to my current site? http://franzzihlmannphoto.com/

#7

something like this?

.the__gallery .thumbnail:hover {
    border-bottom: 2px solid red;

}
#8

Thank you Rod, works/looks great.