How to make information show when hovering over text?

  • Unknown's avatar
    ilikevanillamusingsonmentalhealth · Member ·

    Hello,

    I am hoping someone can help me with this one. I would like to make it so that when someone hovers over a particular bit of text on my blog, information pops-up for them.

    Specifically, I use a number of acronyms in my writing. These are shorthands that are familiar to those in the community, but which might be confusing to newcomers, those who have a different first language, etc. I would like to add a function so that if the reader hovers over the acronym then a pop-up will appear to let them know what the letters stand for.

    I am using the free version, and in this case am unwilling and unable to upgrade to a paid account.

    Is this possible in WordPress?

    Thank you!

    The blog I need help with is: (visible only to logged in users)

  • kokkieh · Staff ·

    Hi there,

    You’ll need to use <abbr title=”Hypertext Markup Language”>HTML</abbr> code for this.

    Switch to the HTML view of the editor, then you can add the abbr HTML tag for your acronyms. The full text of the acronym goes inside the title attribute for that tag:

    https://developer.mozilla.org/en-US/docs/Web/HTML/Element/abbr

    Not sure if it will work here in the forums, but I’ve used that for “HTML” above to show you how it will work. And here’s how the actual code looks:

    <abbr title="Hypertext Markup Language">HTML</abbr>

  • kokkieh · Staff ·

    Nope, that HTML isn’t getting rendered by the forums :)

  • The topic ‘How to make information show when hovering over text?’ is closed to new replies.