Hide image title, etc. on hover

Thank you!!

Here’s a link, just hover your mouse over any image on the middle to lower part of the page and wait. A white box with the title of the image in it will pop up. That’s what I’d like to remove. Thanks!

https://authorizedrefrigerationllc.com/sub-zero-service-nj/

Hi! I have a different website that the codes I have are not working to hide the title on any of the images, including the slider. I’ve had to add a few things so I don’t know if that’s part of the problem or not. Thanks!

.image-overlay { display: none !important; }

.mfp-bottom-bar {
display: none !important;
}

.mfp-title {
    display: none important;
}

#av_section_1 .container {
    padding: 0;
}

@media only screen and (max-width: 767px) {
#av_section_1 .container {
    width: 100%;
    max-width: 100%;
}
}

@media only screen and (max-width: 767px) {
#av_section_1 .container {
    width: 100%;
    max-width: 100%;
}
}

#menu-item-237 .avia-menu-text {
  color: #DABF78;
}
#menu-item-1021 .avia-menu-text {
  color: #337C4E 
}
#menu-item-198 .avia-menu-text {
  color: #C0272D
}
#menu-item-80 .avia-menu-text {
  color: #AA8F4F
}
#menu-item-1172 .avia-menu-text {
  color: #3C5C85
}
#socket { font-size: 15px !important; }

Hi. It looks absolutely hideous. It’s confusing to the visitor.

I looked at the demo prior to purchasing the theme and it doesn’t do it on the demo. Now that’s very interesting, that you’ve taken it off your demo – but when one purchases the theme and creates a website, then we have to deal with this.

I don’t understand why every other platform or theme doesn’t have the title popping up when you hover over an image, but Avia makes it mandatory.

The SEO of those using Enfold shouldn’t have to be disrupted when no other platform does this with the title.

I found one place on the 2017 demo that has the title popping up – the rest of the home page doesn’t. Wonder why? Screenshot is attached in the private area. It looks doubly horrible in the example I captured on the 2017 demo, home page.

I have never been able to create a child theme successfully.

Absolutely no clue where the functions.php is located that I’m supposed to add the code copied below.

As many people as have requested the removing or hiding the title, I’d think something could be done either on the Enfold side or the Avia side. I didn’t complain for the first 5 years of using Enfold, but I didn’t like it.

I have never heard anyone say, “Oh wow, I love having the title of the image popping up upon hovering over the image.”

It just looks awful!! Probably explains why I’ve never, ever seen it before using Enfold.

Where is this php file located and where in the file do I paste the following in? Thanks.

function temporary_removal_title_tags(){
?>
<script>
  window.onload = function() {
    //var links = document.querySelectorAll('a,img,div[title]');
      var links = document.getElementsByTagName("img");
      for (var i = 0; i < links.length; i++) {
          var link = links[i];
          link.onmouseover = function() {
              this.setAttribute("org_title", this.title);
              this.title = "";
          };
          link.onmouseout = function() {
              this.title = this.getAttribute("org_title");
          };
          link.onclick = function() {
              this.title = this.getAttribute("org_title");
          };
      }
  };
</script>
<?php
}
add_action('wp_footer', 'temporary_removal_title_tags');

No, I do not use the lightbox – that photo and explanation was examples of Kriesi’s own content. To show that on their demo, they have removed the titles of the images, just like everyone wants their site to look like.

They only had that one place on their demp 2017 home page that still had the titles showing over the image on hover.

I feel like that is being dishonest to hide the titles on the demo, but then not fix the same issue Kriesi didn’t want on their demo for us users.

Again, I do not know where to find this function php file, I do not know where to insert what you’re talking about.

I really need help. Please.

Hi. That’s very sweet of you to go to the trouble to help, but I’ve tried doing Child themes in the past and regardless of the documentation provided, I fail.

The last time I tried it, my site I worked days on all disappeared. I don’t have time to redo all the work. I understand what the Child theme is supposed to do, I just don’t know how it works or if I did it right, etc. I’m thoroughly, completely, totally baffled by Child themes.

I do want to keep SEO, but nonetheless, I still have no clue where to find the php file that needs the code added to it, what folder(s) it’s in, etc.

Do I just add it to the bottom of the file?

Is the php file that needs the code added to it under the main WP content folder, then what folder after that and after that? Then which functions php file within whichever folder?

I have no clue. Bottom line, there should be a built in solution to this since the Enfold demo is misleading in that the titles do not show up on the images or slider images on the 2017 demo or the shop demo that I’ve looked at.

No other website platform or theme that I’ve seen in years of being on the web, that rank well on SEO has this pop up with the image title in it. It looks awful. It’s confusing and ugly to the visitor too.

Thanks.

Yes. I can use that, but my cpanel also allows everything I can do via ftp.

Thank you so much for your time, but could you please just tell me where this file is??

So it’s under the theme?

So folder is Enfold

Then which file?

functions.php or functions-enfold.php

Please just tell me which of these files or where to find where ever the file the code needs to go in is located.

Thanks

Thank you Yigit.Yes, I’m desperate for help.

At this point I just need to get that title off asap. I don’t care about SEO at the moment. The client wants it off and so do I.

When I tried making a child theme, when I enabled it, all of my content was gone, so that is not an option for an existing website.

I don’t know where the file is that I’m supposed to use what Guenni007 said to add. Don’t know where to add it within the file.

I don’t care if I have to re-add it upon updates. I need that title off. No other website I’ve ever seen has that on there. Just Enfold theme websites and not all of those.

The Quick Css used to work, but it doesn’t now, I don’t know why.

Just please, someone from Kriesi tell me how to get this off. SEO or not.

Yes, I’d like the SEO, but no one is telling me where this php file is or where to put the code within the php

I don’t know what “root” means.

Public_html > what then? Wp-content? then themes? Then Enfold?

I don’t know and need to know asap.

Please, please, please help me get this title off the images on hover in a way I can understand!! PLEASE!!! I’m begging here.
Why hasn’t this been sorted out before? Like I said, I went years with it on there, but over the years it’s bothered me more and more.

I know it bothers others as well, and they are probably just staying silent as I did for so many years.

If it’s so vital for SEO then why in the heck are 100s of millions of websites that don’t have that title displaying ranking #1 or at the very least on page 1?

Just help me get it off if a way I can understand. I’m a novice or I wouldn’t have paid extra for support.

Thank you. I have left the login in the private area if help making a child theme is possible.

Previously I’ve read the child theme documentation, I’ve watched videos, however every time I try it, it doesn’t work. It’s just not something I can get my brain around.

I made one last stab at it a couple of weeks ago and at least I got to the part to activate the child theme, so was closer than ever before, but the content was all gone.

I think something about the last couple of updates broke the quick CSS, because that did work up until a couple of weeks ago.

Now I know what folder to put it in, I will try that. But this seems to be something one will have to deal with every so many updates.

Now I know what folder to put it in, I will try that if no one from Kriesi can help me.

Holy cow! That would be sooooo awesome!

Thanks.

• This reply was modified 2 years, 8 months ago by Intell. Reason: add another login

Thank you all!! So appreciate all the help!!