Support » Thema en CSS/opmaak » knop tekst veranderen on hover

  • Hallo!

    Ik heb een belknop gemaakt waarin het telefoonnummer te zien is. Ik zou graag willen dat als men op deze knop gaat staan dat er andere tekst komt te staan: ‘Bel nu’ bijvoorbeeld. Dit hoeft natuurlijk enkel op een desktop en niet op mobiel of tablet. Verder werkt hij naar behoren. Het gaat dus puur om de tekst. Dit zal dan met css moeten, maar omdat ik geen programmeur ben zou ik niet weten welke code te gebruiken. Ook online kan ik niet de juiste code vinden. Ik heb bijvoorbeeld deze geprobeerd, maar dan verandert de tekst van de verzendknop erboven, en niet eens juist:

    button {width:6em}
    button:hover span {display:none}
    button:hover:before {content:”Reply!”}

    Bedankt alvast! 🙂

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

1 reactie aan het bekijken (van in totaal 1)
  • Hi dominiquevdr,

    Zomaar een schot voor de boeg (not tested):

    .elementor-1081 .elementor-element.elementor-element-968e215 a.elementor-button span.elementor-button-content-wrapper:hover span.elementor-button-icon::after {
    	content: "->Bel nu !<-";
    	color: green;
    }
    
    .elementor-1081 .elementor-element.elementor-element-968e215 a.elementor-button span.elementor-button-content-wrapper:hover span.elementor-button-text {
    	display: none;
    }

    Moet misschien nog iets aan geschaaft worden. Kan waarschijnlijk ook simpeler (korter).

1 reactie aan het bekijken (van in totaal 1)