Social Media hover text

Hello Jestewart,

You can remove the hover text with the help of jquery. Please apply the script either header of footer file of the themes.

jQuery(document).ready(function() {
jQuery( '#pre-header-social .facebook a' ).attr( 'data-original-title', '' );
});

You need to change class for rest social media icon (twitter,google)

I hope the above was helpful.

Kind regards,

Manoj

Tha k you for your help there is only one more questin I have. I am not knowledgable in coding so I have no idea where to place this code. I have played with it placing it in the header.php file, both on the header of the file and the body. All it does is show the query as text and still show the hover text. I am not knowledgable to determine where I have gone wrong. Please help if you are able.

Hello Jestewart,

No issue i am going to make more simple for you. Please paste the below given code in header.php before </head> tag closing.

<script type="text/javscript">
jQuery(document).ready(function() {
jQuery( '#pre-header-social .facebook a' ).attr( 'data-original-title', '' );
});
</script>

Please place the text highlighted place in below screenshot-

OnPaste.20180824-174115

I hope the above was helpful.

Kind regards,

Manoj

Ok so I assumed it wasn’t working because I am not familiar with scripting, especially in wordpress. I placed this jQuery text exactly where your response and the image said to. Still doesn’t work I have read multiple support/tip websites seeing if there is something I have missed and played with code (changing the class of facebook based on viewing the page source, changing jQuery to $ and back again) and nothing has worked. I still have those incredibly distracting tool-tip boxes on hover.

I have tried adding display:none in CSS to just about everything and tried multiple tool-tip plug-ins and nothing works (doesn’t even change the styling of the boxes).

I have no idea what I am doing wrong here and cannot think of anything else I can attempt to make it work out of my incredibly small repertoire of coding skills.

I also realized that I don’t think I included a link to the website itself which is probably not making troubleshooting any easier. Link: https://txohc-new.txohc.org/.

Hello @jestewart,

Apologies for inconvenience caused. The code have typo mistake. Please use the below code-

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery( '#pre-header-social .facebook a' ).attr( 'data-original-title', '' );
jQuery( '#pre-header-social .twitter a' ).attr( 'data-original-title', '' );
});
</script>

I hope the above was helpful.

Kind regards,

Manoj

OK so this briefly worked, before it crashed another plug-in I am using (Elementor). I have spent almost a month figuring it out and determined that I had to re do the jquery enque in the function.php. For some reason this only works when using enqueing from the google ajax library and elementor only works when enqueing from the local folder. I have turned on and off every other plug-in, changed what social media buttons I was using and attempted and mostly failed to learn enough about jquery to figure out the problem.

I have no idea what to do and am out of ideas. I am not sure if the problem can be fixed or if the answer lies in elementor. I thought I would try one more time here to see if you or anyone else has a solution that will remove the tooltips and not break elementor.