Changing hover text

  • Author
    Posts
  • #960167

    rasket
    Member

    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!

    #960401

    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";
    }
    #960406

    rasket
    Member

    @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

The topic ‘Changing hover text’ is closed to new replies.