Layout van links veranderen

Opgelost billhorsey
(@billhorsey)

8 jaren, 10 maanden geleden

Hi,
Ik ben bezig met het opzetten van een soort discussieblog. Ik gebruik daarbij het thema TwentyFifteen bij WP 4.2.2.
Ik heb geen ervaring met programmeren/coderen en ben daarom op zoek naar een plug-in.
In de teksten op de pagina’s komen nogal wat verwijzingen voor naar een verklarende woordenlijst. Dat gebeurt met links, waarbij de woorden standaard onderstreept zijn. Wanneer er veel van die woorden zijn, komt dat de leesbaarheid niet ten goede. Ik zou dat daarom graag veranderen in woorden die niet onderstreept zijn, alleen een aparte kleur hebben en waarbij pas een onderstreping te zien is wanneer je er met de muiscursor overheen gaat.
Een wat minder dringende vraag gaat over de mogelijkheid om voetnoten te maken.
Ik kan hiervoor geen plug-in(s) vinden.
Weet iemand raad?
Alvast bedankt.
Bill

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)

Ruurd de Wind
(@geoclaps)

8 jaren, 10 maanden geleden

Zet dit eens in je style.CSS van je thema:

a { text-decoration: none; color:red; }
a:hover { text-decoration: underline; color: green; }

Je vindt deze style.css via “Weergave” > “Editor”. Hierna zoek je de file style.css en maak je bovenstaande wijzigen.

Thread starter billhorsey
(@billhorsey)

8 jaren, 10 maanden geleden

Beste Ruurd,

Bedankt voor je reactie.
Ik was op zoek naar een plug-in omdat ik met programmeren geen ervaring heb. Jouw suggestie leek me echter eenvoudig genoeg, maar uiteindelijk kon ik in de style sheet niet vinden wat ik zocht. Wat ik dar aantrof (zie hieronder) leek mij niet te passen bij het ‘gedrag’ van de links op mijn website. Daar worden de links altijd onderstreept. Ook de ‘opdracht’ focus begrijp ik hierbij niet. Is dat niet iets voor bij een button?

* 6.1 Links
*/

a {
color: #333;
text-decoration: none;
}

a:hover,
a:focus {
color: #707070;
color: rgba(51, 51, 51, 0.7);
}

Ik heb de indruk dat ik eerst nog heel wat moet leren voordat ik me hieraan kan wagen. Jouw reactie heeft me er wel nieuwsgierig naar gemaakt.

Bill

Thread starter billhorsey
(@billhorsey)

8 jaren, 10 maanden geleden

Hi Ruurd,

Ik ben verder gaan zoeken om antwoord op mijn vraag te vinden en wat meer vertrouwd te raken met de programmeertaal.
Op het Engelstalig forum vond ik dit antwoord:

https://wordpress.org/support/topic/remove-underline-from-links-1?replies=7″

Het komt er op neer, dat de theme TwenyFifteen de links niet gewoon standaard onderstreept, maar van een border voorziet waarvan alleen de onderste lijn zichtbaar is. Je moet daar maar op komen! Om die reden werkt het text-decoration: none niet.
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

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)

Het onderwerp ‘Layout van links veranderen’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven