Cannot disable or change hover effect

No reply!

I think it’s time to move on to a different gallery plugin.

• This reply was modified 5 years, 4 months ago by yud111.

Hi @yud111,

Thanks for contacting FooPlugins.

While we do our best to respond in a timely manner to support requests for FooGallery Free please understand that we do have to prioritize our premium plugin customers and so it can take a few days to reply to support requests here from time to time.

Having reviewed your support request it appears that the transparent yellow background colour is being added by something other than FooGallery.

Inspecting your code it appears that you have another lightbox installed (ekkoLightbox) and that the yellow background may inserted by ekkoLightbox.

Specifically this css:

.btn:hover, a.btn:hover, button:hover, .button:hover, .widget .button:hover, input#submit:hover, input[type=submit]:hover, .carousel-control-button:hover, .ekko-lightbox-nav-overlay a:hover, .header-wrapper .woocommerce-menu .btn:hover {
color: #ffffff;
border-color: #313a43;
/* background: #eeee22; */
/* background-image: -webkit-gradient( linear, left bottom, left top, from( #b9b94b ), to( #eeee22 ) ); */
background-image: -o-linear-gradient( bottom, #b9b94b, #eeee22 );
/* background-image: linear-gradient( to top, #b9b94b, #eeee22 );

Please also check any custom CSS you may have inserted into your page builder manually.

My recommendations:

1) If you are not using ekkoLightbox please deactivate it, clear your cache and see if that resolves the issue. Of ekkoLightbox is not a plugin please check your theme settings to see if it’s a built in lightbox that you can disable.

2) Please also check for any custom CSS above that you may have inserted into a page builder.

Let me know how you get on.

Thanks in advance,

Phill

Hi Phill,

Thank you for your reply.

I totally understand you need to assist your premium plugin customers first and I appreciate the assistance you provide.

Upon checking I found that my theme indeed has a built-in lightobox feature (although I cannot see its name/brand).

I disabled the built-in lightbox and deleted the cache, but then lightobox features were gone altogether. I then disabled and re-enabled the FooBox lightbox in order to force it to “kick in”, however, this did not help and all images in all the galleries were just “stand alone”. I could not browse them and had to use the browser’s “back” button to move between images.

As soon as I re-enabled the theme’s built in lightbox I could view galleries again, but unfortunately all images had the transparent yellow bar on hover.

Can you please assist me with forcing FooBox to work when the theme’s lightbox is disabled. I’m also going to contact the theme’s support (I’m a premium user) to find out what’s going on with the theme’s lightbox.

Thanks again for your assistance!

Y.

Hi @yud111,

Thanks for understanding.

Please check your FooBox -> General and ensure you have the options selected that you want to display images for.

Under the Advanced Tab please check “Disable Other Lightboxes” is enabled.

Then go to FooGallery -> Galleries and for each of your galleries, edit and make sure that the “FooBox” is selected as the lightbox.

Test again and let me know how you get on.

Thanks in advance.

Thank you for your reply.

All the suggested changes have already been selected previously. Switching them off and on did not help and I still get the yellow bars on hover.

It looks like the theme’s lightbox is the only one that takes effect. When it’s on none of the above settings make a difference and I get the yellow bars.
When it’s off I have no lightbox regardless of what the settings are in FooBox and FooGallery.

I also contacted the theme’s tech support and am awaiting their reply.

Thanks again for your help.

It’s definitely odd that when you switch off the theme’s lightbox support it also switches off FooBox.

Just to check – FooBox works on anchor links, so if you have images in your posts and pages then they won’t automatically open in FooBox unless they are linked to the larger version of the image. So for each image in a post / page you need to use the editor to add the link to the full size image. At that point FooBox should trigger and display the images full size.

The same thing happens with gallery images (assuming it’s a supported gallery plugin) – each gallery thumbnail is linked to the larger full size image and that will open in FooBox.

Let me know how you get on and what feedback you get back from your theme developer.

Thanks in advance,

Phill

We haven’t heard back from you regarding this so will assume you’ve resolved the issue and I’ll close this support request.

Please open a new support request if we can help with anything else.

Thank you!