Popup text when hovering over an image

  • Author
    Posts
  • #2975194

    I’d like a text-filled popup to appear when a reader of my blog hovers over an image on the blog. How do I do that?

    The blog I need help with is elizabethuppman.wordpress.com.

    #2975423

    musicdoc1
    Member

    Hi,

    In the Calypso (My Sites) interface, you may add such a tooltip, or “text-filled popup,” by giving the image a title as follows:

    1. In a post or page editor where the image resides, click on the image to display the image editor toolbar.
    2. Click the pencil icon to open the image editor.
    3. Insert (type or paste) a title into the title field.
    4. Click update to save the change.
    5. Update the post or page.

    In a WP Admin page or post editor, the process is similar. See the Advanced Options section of the Image Settings support page for relevant information. The Image Title Attribute field is the one to insert the text into that will display in a tooltip when a cursor hovers over the image.

    #2975424

    musicdoc1
    Member

    I should have tested those steps first. The instructions I provided above for the Calypso post and page editors didn’t work in tests as I’d expected they would. However, a tooltip can easily be added by inserting text into the Image Title Attribute field of a WP Admin post or page editor Image Settings module, then updating to save the change.

The topic ‘Popup text when hovering over an image’ is closed to new replies.