Docs

[Laura L]

Hello!

I would like to have the cursor-over effect on images here . . .

SOLD WORK GALLERY

. . . be applied to images on this page:

AVAILABLE WORK GALLERY

Right now the images in the AVAILABLE WORK GALLERY lighten in tone with the cursor-over, which isn’t as desirable as having a hairline outline around them as in the SOLD WORK GALLERY.

Is there a CSS for the Customizer that would make that happen?

Many thanks,
Laura

WP WordPress 4.6 running X – Child Theme: Icon theme
X Version 4.6.2
Cornerstone 1.3.2

[Rad]

Hi there,

Thanks for posting in.

Please change this CSS,

.page-id-3553 #x-section-2 a.x-img:not(.x-img-thumbnail):hover {
    opacity: 1 !important;
    border: 1px solid #000 !important;
}

to this,

a.x-img:not(.x-img-thumbnail):hover {
    opacity: 1 !important;
}
a.x-img:not(.x-img-thumbnail) img {
    border: 1px solid transparent !important;
}
a.x-img:not(.x-img-thumbnail):hover img {
    border: 1px solid #000 !important;
}

Thanks!

[Laura L]

Worked perfectly . . . you are the best!

Many thanks,
Laura

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts