Skip to main content

Search

We are excited to announce the launch of updated product names, logos, and headers within our user interfaces as part of the CivicPlus® Solution Rebranding initiative. These changes mark the first step toward creating a cohesive and seamless user experience across all solutions in our portfolio. As part of this transition, users may notice minor design updates. While the functionality you rely on remains unchanged, we are in the process of updating screenshots and other resources on our Help Centers to reflect the new branding. We appreciate your patience and understanding as we work to complete these updates.

Add Title Text to Images in the Editor Widget

  • Updated:

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:
    Web Central, Admin User Menu 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:
    Web Central 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:
    Web Central 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:
    Web Central Live Edit Page Save Button.
Was this article helpful?
0 out of 0 found this helpful
Return to top

Feedback About the Article

Let us know what was helpful or not helpful about the article below.

0 comments

Please sign in to leave a comment.