Icon on Image Hover

[launchpioneers]

How can I determine which icon is show on a hover. The heart seems to be the class name so I can’t edit the CSS. I want to choose a different icon.

[SQadmin]

Hi,
Please add the following code to your sweetdate-child/functions.php file. It replaces the heart with a camera icon.
To view all possible icons available:
http://fortawesome.github.io/Font-Awesome/icons/
Make sure to have the child theme activated

COPY CODE

 
add_action('after_setup_theme','kleo_replace_heart');
function kleo_replace_heart()
{
    /* Replace the heart over images */
    add_filter('kleo_img_rounded_icon', 'my_custom_icon');
}
 
/* Replace the heart with a camera icon function */
function my_custom_icon () {
    return 'camera';
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[launchpioneers]

This works in some areas but not all. Specifically, the [Kleo] About Us widget. It still shows a heart. Please advise.

[SQadmin]

Hi,
We’ll include in this week update a way to replace the heart in that location, Thanks

We’ll let you know how to once the update is available.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[SQadmin]

Hi, I’ve added the code for the About us widget in this topic:
https://archived.seventhqueen.com/forums/topic/removereplace-the-love-hearts-in-site

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts