Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

thumbnail hover states question

matthew Nov 25, 2013 07:08PM PST

Here is my site:

I currently have my thumbnails set so that they go grey when I hover over them.
Is it possible to have this also happen when I scroll through the project list on the left hand side?

Thanks for your help ;)

Up 1 rated Down
David Admin Nov 29, 2013 01:47PM PST

Hey Matthew,

Yes, it is possible and easy to do on the Polaris design. Simply change this selector in your CSS:

.project_thumb:hover .thumb_image img {
    opacity: .7;
    filter: alpha(opacity=70);

So that its name is .project_thumb.hover .thumb_image img with a . instead of a : essentially, like so:

.project_thumb.hover .thumb_image img {
    opacity: .7;
    filter: alpha(opacity=70);
Up 0 rated Down
matthew Nov 30, 2013 03:46PM PST
Thanks David, this works well however I don't get the greying out when I hover over the thumbnails. I only get it when I hover over the list. Is it possible to have both work on the same page?
Up 1 rated Down
matthew Nov 30, 2013 03:49PM PST
Already figured it out. I just included both lines of text and it is working perfectly. Thanks!!!

This topic has been closed.
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found