Add Title Text to Images in the Editor Widget

Prev Next

This article will show you how to add Title Text to an image in the Editor Widget. Title text appears when a user hovers over an image.

Who can use this feature?

System Administrators | Owners | Publishers | Authors

Instructions

  1. Log in to your website solution

    Note: Website preferences may change what this looks like, but adding "/admin" to your website's URL will take you to a sign-in screen for administrative login

  2. Navigate to your page

  3. Ensure that the Live Edit state is toggled to ON: Live Edit state Toggled to On.

  4. Click anywhere inside the Editor widget where your picture is to access the widget: An Editor widget displaying an image of a dog.

  5. Click the Code View button to view the HTML version of your content: Editor Widget Code View Button.

  6. Copy the entire alt text string of the image, which is everything from the letters alt to the second quotation mark: Copying the Alt Text string of the Image in the Code View.

    • Example: alt="dog in park"

  7. Paste the alt text string so that there are two of them, then replace the alt of one of the strings with title: Adding a string of HTML code to add a title to the image by copying and pasting the Alt Text string and replacing alt with title.

      • Example: alt="dog in park" title="dog in park"

    Note: Do not delete the alt text.

  8. Click the Done Editing button to exit the Editor widget: Done Editing Button.

  9. Hover over the image to view the title text: Hovering over your image after adding a title to view the title.

  10. Click the Save button: Save Button.