How to change post image hover color and icon?

[Tekguild]

Is there an easy way to change the hover overlay color and icon for post images *without* affecting the link colors for text links?

The theme documentation is a bit sparse and I didn’t see anything specific to this. I’ve found you sometimes have a method of doing it from theme options or color customizer, rather than CSS, so I thought I’d ask.

While I’m at it – in the Color Customizer, what do the Accent Alt and Secondary Accent Alt Colors affect?

Thanks!

[Cosmin – SUPPORT]

Hey,

You can customize those two with custom CSS:

Color:

figure:hover .overlay {
    box-shadow: 0 0 0 500px #FB3C2D inset !important; /* need to change HEX color value*/
}

Icon:

.overlay .thumb-info i:before {
    content: "\f005" !important;
}

Replace f005 with a code from here.

The alt colors in the customizer affect element for which you’ve selected an alt bg.

Regards,

————————————————————————————————————

Cosmin
Support Assistant