Docs

[Guma]

Hello, i have some pages where envira gallery is used.
I would like to remove the Image title on hover and i would like to have the images not clickable.

1, i used this code .envira-gallery-item-inner .title { opacity: 0; } in X style.css as mentioned on evira gallery – not worked

2, I have used this code from one of the topic here in global X css and not worked…
.gallery-item img {
cursor: default;
pointer-events: none;

}

Could you please help since i am lost?

[Guma]

This reply has been marked as private.

[Nabeel A]

Hi again,

Thank you for writing in! Can you please share the page URL so we can take a look?

Thanks!

[Guma]

This reply has been marked as private.

[Thai]

Hi There,

#1] Please add the following CSS under Customizer > Custom > Global CSS:

a.envira-gallery-link {
    cursor: default;
    pointer-events: none;
}

#2] Please add the following code under Customizer > Custom > Global Javascript:

jQuery(document).ready(function($) {
	$(".envira-gallery-link, .envira-gallery-link img").attr('title', '');
});

Hope it helps 🙂

[Rupok]

Hi there,

I can’t see any title on hover so your first code seems working. And you can add the below code to make it not clickable :

.envira-gallery-link {
  pointer-events: none;
}

Hope this helps.

[Guma]

Thanks for your time anh help.
The codes you provided helped.

I restarted browsers, ckeared the cache and it is working.
Still on my iphone, i can tap the images and show them.
Strange…

Br
Peter

[Rupok]

Hi Peter,

Make sure to clear cache from mobile as well and try refreshing. The link should not work on mobile either.

Thanks!

[Author]

Posts