links niet onderstrepen

  • Opgelost hapipiko

    (@hapipiko)


    3 jaren, 10 maanden geleden

    Thema twenty twenty one. Bij het maken van een link valt het me op dat de links in de tekst onderstreept worden.
    Graag zou ik dat veranderen in ‘geen onderstreping’ en als je met cursor over een woord gaat dat het woord dan anders kleurt dan de tekstkleur.
    zou ik dit, hieronder, kunnen plaatsen in mijn extra CSS en dan aanpassen, en hoe?

    a {
    cursor: pointer;
    color: var(–wp–style–color–link, var(–global–color-primary));
    text-underline-offset: 3px;
    text-decoration-skip-ink: all;
    }

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

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Guido

    (@guido07111975)

    3 jaren, 10 maanden geleden

    Hoi,

    Die nieuwe thema’s hebben soms van die “fancy” CSS…

    Onderstreping is bewust, voor mensen met minder zicht. Maar als je het toch wilt wijzigen naar andere kleur en zonder onderstreping:

    
.entry-content a {
	text-decoration:none;
	color:#cc0000;
}

.entry-content a:hover {
	text-decoration:underline;
	text-decoration-style:dotted;
}

    Als je juist wilt dat kleur wijzigt als je er overheen gaat, dan moet je de color verplaatsen naar onderen.

    Guido

    Thread starter hapipiko

    (@hapipiko)

    3 jaren, 10 maanden geleden

    Beste Guido,
    Dank je, dit is precies wat ik wilde. Heb via colourpicker een iets andere kleur gekozen.
    Wèl zijn de links in het menu nog wel onderstreept, maar dat vind ik niet het allerbelangrijkste.

    Hartelijk dank voor je tip!

    Met vriendelijke groet,

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘links niet onderstrepen’ is gesloten voor nieuwe reacties.