Eliminate color over pictures when scroll over them

Hi SouthStreetCo,

You need to tweak plugin code.

Plugin File: lightbox-slider-short-code.php

Plugin File Path: wordpress\wp-content\plugins\lightbox-slider\

Find Code: (line no 49)

$RGB = lbs_hex2rgb($LBS_Hover_Color);
$HoverColorRGB = implode(", ", $RGB);
?>

Add A New Code Line: (after line no 49)

$RGB = lbs_hex2rgb($LBS_Hover_Color);
$HoverColorRGB = implode(", ", $RGB);

$LBS_Hover_Color_Opacity = 0;	// add this line of code
?>

Hope that’s work for you.

Thanks
Alex

Awesome Alex, I got it to work! The little icon is still showing up when you hover, would you know how to get rid of this as well?

Thank you for all of your help!!
Kaitlyn

Can you share me your gallery page url?

Yes, https://www.southstreetmarketing.com/showcase-work/

Add this css code after line no. 118 (before style tag)-

.entry-content p:first-child {
margin-top: 0;
top: 25% !important;
}

Try this and then let me know.

Thanks again Alex, no it’s still showing up.

I inserted it before the code below, is this correct?

<style>
.b-link-fade .b-wrapper, .b-link-fade .b-top-line{
background: rgba(<?php echo $HoverColorRGB; ?>, <?php echo $LBS_Hover_Color_Opacity; ?>);

No, insert it after <style> tag.

Hey,

try this css code

.b-animate {
top: 25%;
}

Insert it after <style> tag

Sorry, I did insert it after. I tried this one too, but it just moved the icon to the bottom of the pictures.
Thanks for all of your help!