Large coloured block over image on hover

[Kyle – SUPPORT]

Great! Glad to hear it 🙂

– Kyle

[Maton72]

Hi Kyle

Thanks for the coloured block fix. But the code to remove the hover colour (and infinity sign thing) still occurs. How can this be removed?Just to have the hand.

Thanks
Maton72

[Kyle – SUPPORT]

Please could I see your link so that I can take a look?

– Kyle

[Maton72]

Hi Kyle,
Thanks for the quick reply. I am hosting the page on my computer before making the website live. May have to wait till it is live. If there is something else I can do let me know.
Thank again
Maton72

[Kyle – SUPPORT]

Please could you take a screenshot of what’s still showing up?

– Kyle

[Maton72]

Hi Kyle,

Screen shot attached. The block with symbol appears when you hover over picture.

Thanks
Maton72

[Kyle – SUPPORT]

Ad this code doesn’t work for you?

figure:hover > a > .overlay {
  opacity: 0;
}

– Kyle

[Maton72]

Hi Kyle,

You are the best. It worked. Thanks
Kind Regards
Maton72

[Kyle – SUPPORT]

Ok great! 🙂 No problem

– Kyle

[cannabum]

Hi, been browsing the forum today and looking for this issue. Have it now sorted thanks! 🙂 Just wondering if it is at all possible to change the “fa-link” icon to another icon from font awesome when hovering over a single image link. As I still want the icon to appear with slight colour opacity.

[Kyle – SUPPORT]

Are you using Neighborhood?

– Kyle

[cannabum]

Yes I’m using the Neighborhood theme.

[Kyle – SUPPORT]

You need to go to media.php in includes/swift-framework/page-builder/builder/shortcodes

and look for the single image asset, the icon class is ss-link, you will need to change that

– Kyle

[cannabum]

Okay thanks! Will go test it out and let you know if it was successful. Thanks for the very quick response! 😀

[Kyle – SUPPORT]

No problem

– Kyle