Need help? Check out our Support site, then


Changing hover text

  1. I know how to change the color of hover text, but I was wondering if there was a way to change the text completely upon hover. For example, I have links on the side of my blog that I want to go from English (Home) to French (Accueil) when you hover over the link. Is this possible to edit in CSS?

    Thanks!

  2. Here's one solution that I know of, but it uses CSS3 and so it will only work in modern browsers. I would consider it experimental but something to try. :)

    .page_item:nth-of-type(1) a:nth-of-type(2):hover {
    	display: block;
    	visibility: hidden;
    }
    .page_item:nth-of-type(1) a:nth-of-type(2):hover:before {
    	visibility: visible;
    	content: "Accueil";
    }
  3. @designsimply Thanks! I like how this works, but unfortunately, I don't entirely understand it. I have a menu on the left of my page (http://thelifeofrasket.com/), how would I make each of these items have hover text?

    -r

Topic Closed

This topic has been closed to new replies.

About this Topic