Home>Support>Displaying Text on Hover over an Icon

Displaying Text on Hover over an Icon

I’d like to have text display when a user hovers over an icon.

For example, on the book icon I’d like the text to display “Library Catalog” on hover.

This is my website: http://www.littlesilverlibrary.org

The icons are on the bottom under the heading Quick Links.


This is a free community support forum. Replies are not guaranteed. If you need professional email support, please purchase a SiteOrigin Premium license.

  1. 4 months, 25 days ago Andrew Misplon Hi, I Work Here


    Thanks for posting. It looks like you’ve added a Custom CSS solution. That’s the best plan as this feature isn’t currently a part of the widget you’re using. Sorry I don’t have better news and nicely done on the CSS fix :)

  2. 4 months, 22 days ago Little Silver Library


    Thank you, I found and was able to modify some CSS, change the color and hover text, that is doing what I needed. I don’t understand all of it, but it works. :)

  3. 4 months, 22 days ago Andrew Misplon Hi, I Work Here

    Super, glad to hear it. That’s ok, as long as your Custom CSS is inserted at AppearanceCustom CSS or CustomizeAdditional CSS or a child theme style.css file, it’s safe and won’t be overwritten during theme updates. Custom CSS is quite safe to experiment with, you can’t cause a fatal error and take your site down like you could with PHP customizations.

    All the best :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More