Ondersteuning » Thema en CSS/opmaak » Opmaak van links veranderen

  • Opgelost billhorsey

    (@billhorsey)


    Hi,
    Ik ben bezig met het opzetten van een discussieblog. Ik gebruik daarbij het thema TwentyFifteen bij WP 4.2.2.
    Ik heb geen ervaring met programmeren/codes, dus heb ik eerst naar een plug-in gezocht, ook op dit forum, maar daarbij niks gevonden.

    De links zijn nu standaard onderstreept. Wanneer er veel van zijn, komt dat de leesbaarheid niet ten goede. De meeste websit4es werken met gekleurde links, waarbij pas een onderstreping te zien is wanneer je er met de muiscursor overheen gaat.

    In de style.css staat het volgende:

    * 6.1 Links
    */
    a {
    color: #333;
    text-decoration: none;
    }
    a:hover,
    a:focus {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    }

    Ik weet niet of / hoe ik dit moet aanpassen.
    Weet iemand hier raad mee?

    Alvast bedankt.
    Bill

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Een snelle (maar ietwat smerige) oplossing is om helemaal onderaan het style.css bestand de volgende regel toe te voegen:

    a {
    text-decoration: none !important;
    }
    Thread starter billhorsey

    (@billhorsey)

    Beste Haiko,

    Bedankt voor je snelle reactie.
    Zou je deze onervaren jongen nog wat verder op weg willen helpen?
    Twee vragen:
    Werken die regels alleen op de links, of ook op alle andere tekst?
    En eh…, betekent “smerig” ook kans op narigheid?

    Alvast bedankt,
    Bill

    Deze regel zal alleen werken op links, in css-code is dat de ‘a’ en haalt bij alle links de streep weg.

    Smerig betekent in dit geval (als je het invoegt zoals ik eerder beschreef), dat het alle andere regels die betrekking hebben op onderstreepte links, zal overschrijven. Daar zorgt de ‘!important’ toevoeging voor.

    Indien je de kleur van alle links grijs wil maken, ze niet wil onderstrepen en van kleur wil laten switchen wanneer er overheen gemuist wordt, kun je je eigen code uit de startpost gebruiken en per regel de ‘!important’ toevoegen. Dan komt de code er zo uit te zien:

    a, a:visited {
    color: #333 !important;
    text-decoration: none !important;
    }
    a:hover,
    a:focus {
    color: #707070 !important;
    }

    Dit heeft dus alleen betrekking op links, niet op paragrafen tekst, (sub)koppen, titels etc.

    Thread starter billhorsey

    (@billhorsey)

    Beste Haiko,

    Bedankt voor je uitleg.
    Helaas werkt deze code niet.
    Ik denk te hebben gevonden hoe dat komt: https://wordpress.org/support/topic/remove-underline-from-links-1?replies=7
    Het komt erop neer dat theme TwentyFifteen de links niet onderstreept, maar van een border voorziet waarvan alleen de onderkant zichtbaar is. Je moet er maar op komen.
    Ik heb de voorgestelde methode nog niet geprobeerd, maar zal je laten weten wat die oplevert.

    Bill

    Thread starter billhorsey

    (@billhorsey)

    Hi Haiko,

    Yep, het werkt!
    Ook de suggestie om met Custom CSS te werken bevalt me goed. Ik bleek die plug-in al te hebben, als onderdeel van Jetpack, een gratis plug-in van WordPress.

    Het gestoei met codes heeft me over een drempel heen geholpen en me ertoe gebracht me in de basics van HTML en CSS te verdiepen. Dat is ook winst!

    Bedankt voor je hulp.

    Bill

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘Opmaak van links veranderen’ is gesloten voor nieuwe reacties.