Title appears with hexa HTML codes when hovering thumbnail

  • Resolved Rom Soul

    (@rom-soul)


    1 month ago

    I created a gallery with images that have a title, a legend, but no alt text, and no description.
    When the cursor hovers a thumbnail the legend text appears in a tooltip but the caracters are HTML encoded so it is quite ugly, example :
    Le sourcier Pé&

    The tooltip displays the title attribute of the <a> tag, so my question is :
    Why does the title attribute contain an HTML-encoded-version of the legend of my media ?
    Which setting can be modified to prevent this tootltip on hover ?

    I have hundreds of pics so I’m interested in NOT modifying them one by one !
    Thanks in advance for any help.

    HTML code of a thumbnail linked to a bigger image :

    <a    href="https://example.com/wp-content/uploads/2026/04/my-image.jpg" title="&amp;#76;&amp;#101;&amp;#32;&amp;#115;&amp;#111;..."    data-rl_title="my-image" class="rl-gallery-link" data-rl_caption="media legend"     data-rel="lightbox-gallery-3"><img loading="lazy" decoding="async"     src="https://example.com/wp-content/uploads/2026/04/my-image-150x150.jpg" width="150" height="150"     alt="&amp;#76;&amp;#70;...(short version)">    <span class="rl-gallery-caption">        <span class="rl-gallery-item-caption">My Image</span>    </span></a>
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support weiser

    (@weiser)

    1 month ago

    The tooltip is the browser showing the native title attribute from the gallery thumbnail link.

    In Responsive Lightbox & Gallery, gallery image titles/captions can be generated from the media attachment fields: title, caption/legend, alt text, or description. In your case, the link title appears to be coming from the media caption/legend.

    The numeric encoded format looks like coming from the PrettyPhoto lightbox. PrettyPhoto handling in RLG encodes caption text and copies it into the link’s title attribute because it uses that attribute for captions. The browser then displays that raw encoded value as a hover tooltip.

    You do not need to edit hundreds of images one by one. Please try one of these options:

    1. Go to Responsive Lightbox -> Settings -> General -> Galleries and change Gallery Image Caption to None.
    2. If this is an RLG builder gallery with its own settings, edit the gallery and check the Lightbox tab. Set Image Caption to None, or set it to Global after changing the global setting.
    3. If you want to keep captions in the lightbox but avoid this hover tooltip behavior, switch the selected lightbox script from PrettyPhoto to another script, for example GLightbox.

    Hope this helps

    Thread Starter Rom Soul

    (@rom-soul)

    3 weeks, 3 days ago

    Hello Weiser,

    Thanks a lot for your answer -and sorry for the delay- it works fine !

    Since the legend explanation is important, in the plugin settings I changed the lightbox script from “PrettyPhoto” to “GLightbox”, it works fine !

    Thanks again,

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

Tags