Remove hover icon and lightbox completely

[masta76]

Hi. Thanks for a superb theme! I have one issue that I have not been able to solve though.

How do I remove the icons that appear when hovering over an image, for example on the sample “about us” page? Those icons are originally hearts, and I have read your post about how to change the hearts to “camera” icons, but what I am looking for is the following:

Preferably
– when hovering over the images keep the slight “zoom in”-effect there is on default, but without any covering icon, and without the image being clickable (no opening of a lightbox).
or
– when hovering over the images not have any effect at all, and no link to open a lightbox. Simply an image.

Thanks in advance!

[SQadmin]

Hi,
You can use the same code that replaces the heart with a camera icon but instead of camera you can show nothing by changing return ‘camera’; to return ”;

To disable the lightbox you need to redefine the shortcode that handles the rounded image.The code should go in sweetdate-child/functions.php

COPY CODE

	function kleo_img_rounded( $atts, $content = null ) {
		extract(shortcode_atts(array(
			'src' => '',
	    ), $atts));

            $output = '<div class="circle-image">';
            $output .= '
                
                <img src="'.$src.'" alt="">
            </div>';
            
           return $output;
        }
add_shortcode('kleo_img_rounded', 'kleo_img_rounded');

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

[masta76]

Hi, and thanks for the answer!

However, it doe not work as expected…

1. When I replace return ‘camera’; with return ”; the camera does disappear, however, on mouse over there is still a round shadow that appears.

2. When adding the code you specify above to my child functions file the short code kleo_img_rounded seems to stop working. The images disappear and I only see the text saying [kleo_img_rounded src=”http://www.testtest.com/wp-content/uploads/great.jpg”%5D

Maybe it is interfering with some other custom function? I have added a few from your other support threads, so my child functions.php now looks like this:


/* Replace the heart with a empty function */
function my_custom_icon () {
return '';
}

/* Replace the heart from register modal with a user icon function */
function my_custom_icon_register () {
return 'user';
}
/* Replace the heart from about us widget with a user icon function */
function my_custom_icon_about_widget () {
return 'user';
}

/* This code should remove the light-box over the round images */
function kleo_img_rounded( $atts, $content = null ) {
extract(shortcode_atts(array(
'src' => '',
), $atts));

$output = '<div class="circle-image">';
$output .= '
<span class="overlay"></span>
<span class="read"><i class="icon-'.apply_filters('kleo_img_rounded_icon','heart').'"></i></span>

</div>';

return $output;
}

?>


[SQadmin]

I have updated the code. See how it works now. You can use just my last code because you won’t need the “camera” code.

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

[masta76]

Hi, yes now it works like a charm!

Thanks a lot for the help (and for an incredibly well designed theme)!

/Marek

[SQadmin]

Thank you very much.
Please rate our theme if you like our work. We appreciate it.

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

[masta76]

Done! 🙂

if anyone reading this wants to know how to rate a theme on themeforest (the function is well hidden), here is a picture showing how: http://themeforest.net/forums/thread/how-to-rate-a-file-template-download-it-now-/58963

[SQadmin]

Thank you 🙂

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

[Author]

Posts