Layout – Webdesign

0,00 / maand excl. BTW

Layout kiezen / webdesign aanpassen

Ander webdesign / layout? Dat kan hier heel gemakkelijk!

  1. Gratis: Kies één van de voor geprogrammeerde layouts.
  2. Gratis: Pas je gekozen webdesign naar wens aan.
  3. Kies hier een andere gratis layout: Gratis implementatie.
  4. Kies een andere gratis layout: Vergoeding voor implementatie.
  5. Kies een betaald thema: Vergoeding voor implementatie.
  6. Laat een layout voor je maken.

Andere Layout

Ander Webdesign

Eénmalige betaling

1. Om welk webdesign gaat het (naam)
2. Waar kunnen wij het vinden
3. Als het in een account staat, mogen wij dan inlog-gegevens opdat wij het kunnen uploaden

Het verwijderen van webdesigns bespaart webruimte. Als er een webdesign extra op je website / webshop wordt gezet, dan kost dat webruimte.

Prijs per maand

Categorie:

Beschrijving

Forums / 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)

Het onderwerp ‘knop tekst veranderen on hover’ is gesloten voor nieuwe reacties.