Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #21214


    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!




    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!

    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.



    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.




    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 and 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 …

    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.



Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Remove Image Tooltip’ is closed to new replies.