Disable/hide 'title' tooltip over Visual Composer grid elements

Hello,

I have been reading up and trying to find a way to disable the title tooltips from coming up across my website. I’ve managed to do this on all images however I can’t find a way to stop it on a visual composer grid I’ve made with the grid builder.

I am sufficient in HTML and CSS but don’t have any experience with JQuery or Javascript. I have tried some tutorials on how to hide image titles using Javascript but I can’t tell if I’ve done them incorrectly or because it’s not technically an image that I’m hiding the title of, it’s a grid element.

My website is in development on a a private server so I can’t show it to you and I just tried to take a screenshot but it doesn’t capture the mouse or title. I just checked a few of your demo websites and I see the title tooltips appear there too (for example, http://demo.theme.co/icon-1/portfolio/).

Please can you help me disable them or stop them from appearing?

Many Thanks,
Jimmy

Hi @minuteworks,

Thank you for reaching out to us. To remove the title tooltips globally, add the following code in the Theme Options > JS:

jQuery(document).ready(function($){
	$('a').removeAttr("title");
});

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

Hello, I added the code to the theme options and saved it, then cleared my cache and reloaded the page. I still see the tooltips. Then I went back to the theme options and clicked to save it again and a pop-up displayed saying…

“The preview could not load due to the iframe response being incomplete. This is most often related to a plugin conflict, or customizations introducing a PHP error.
Origin URL: http://www.minuteworks.co.uk
Preview URL: http://www.minuteworks.co.uk/work/

Do you have any idea how else I could solve this? I am using Safari and I am using a child theme, in case that helps.

Hi Minute Works,

I checked the given code against front en do the website using my Google Chrome Browser Developer Toolbar, Console tab, and it worked, and the title is not showing.

So there must be a problem on the backend that causing the issue; unfortunately, we can not investigate unless you give us a way to access the admin. You can share the information using a Secure Note.

Thank you.

Hello,

I too seem to be able to fix it in Google Chrome Developer Console but when I add the edits in the theme settings they don’t work for some reason.

Sorry for the delay. Our website was on our local server so I’ve had to get it online in order to give you access. I’ve attached some login details for you. The website is www.minuteworks.co.uk.

I really appreciate your help!

Thank you!

I also have another unrelated question. Do you have any idea why the grid builder / post display on https://www.minuteworks.co.uk/work/ and https://www.minuteworks.co.uk/journal/ seems to load and then glitch and reload a second later?

Hi @minuteworks,

The above code will not work since it’s executed even before the grid is loaded. Plus, the grid is dynamically loaded hence right now, there is no appropriate solution for that. It’s loading process is not in sync of page load (eg. jQuery(document).ready() ). It has to listen to grid changes and execute the above code which but not a feature as of right now and would need modification directly to visual composer’s files which we don’t recommend and cover.

I also checked the builder and it loads okay without error, but, it could be due to page preloader that you have installed. It alters the loading process of the preview, I recommend disabling them when working within the builder.

About the issue on https://www.minuteworks.co.uk/journal/, it behaves the same on https://www.minuteworks.co.uk/work/. It flickers one time which probably due to active page preloader in conflict with grids fade animation. Please try deactivating the preloader and test it again :slight_smile:

As an additional recommendation, you could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.