Changing hover text

  • 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!

  • designsimply · Member ·

    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";
}
  • 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.