Remove Image Tooltip « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Replete

Remove Image Tooltip

5 posts from 3 voices

Started 2 months ago by Mvinyes
Latest reply from Nick
This topic is not resolved

Tags:

No tags yet.

Mvinyes
Member

Hi,

Just an easy question. I've looking through the forum to search an answer, as I remember a post like this, but couldn't find a solution. So sorry if i'm repeating the thread.

In Replete, how can I disable the tooltip shown when you hoover the mouse over a picture?

Thank you!

Marc

Posted 2 months ago #
Nick
Moderator
Hi,

Please add the following css block to the bottom of the /css/custom.css file; OR to Quick CSS located in the admin area of Replete > Theme Options > Styling ... the text area at the bottom of that page:
```
#top .lightbox_image .image_overlay_effect_inside {
background: url(none) no-repeat scroll center center transparent;
}
```
Thanks,

Nick
Posted 2 months ago #
Mvinyes
Member

Thanks NIck!

However, I applied your change proposal and my slideshow images still show the tooltip text.

Is any other CSS tag to modify for the slideshow?

Thank you again.

Marc

Posted 2 months ago #
lsennett
Member

I have the same question - I do not want the image text name to appear when you hover over an image! How do you eliminate that from appearing? I see that this even happens in the Replete demo on your web site.
I need a fix for this quickly as our CEO thinks it is distracting and unprofessional.
Thanks!

Posted 2 months ago #
Nick
Moderator

Hi,

Unfortunately there is no way to fulfil your requirements using css alone as far as I know for all browsers. It is not recommended for the title/alt tags to be left empty due to the seo loss from not making you website friendly enough for the visually impaired.

So your alternative is to either embrace the tooltips and allow your seo to give a poignant company speech addressing the plight of the visually challenged; another option would be to completely stop using the 'title' element of images and instead use 'alt' (as apple.com and google.com have done), or to use some kind of a jquery. The downside of following in the footsteps of google and apple is that google doesn't follow the seo rules it creates, and apple refuses to acknowledge that there is more than 2 browsers.

Here is one solution using jquery ( a small piece ) which hides the tooltips. But you will have to adapt it to your own needs. Here is a working example with the css, jquery, html ... http://jsbin.com/agucu/3/edit

If you look around you will see how many websites have the same functionality that you just never noticed before (yahoo menus, parts of ebay, a good number of logos as well of top tier web sites.

Thanks,

Nick

Posted 2 months ago #