Changing hover text

  • Author
  • #960167


    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?



    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";


    @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 (, how would I make each of these items have hover text?


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