Beste,

Op mijn website wordt er tekst zichtbaar die afgebroken is en onderaan staat dan een "read more" link. Dit is gedaan zodat mensen doorklikken naar de hele post.
Nu wil ik dat deze "read more" in een andere kleur komt dan de rest van de tekst.

Dit is de code die ik daarvoor heb. deze staat in de index.php

<?php the_excerpt(); ?> <div class="more-link"><a href="<?php echo get_permalink(); ?>"> ...Lees verder...</a> </div>

dit is de code die in de style.css staat.

a.more-link, a.more-link:visited {
color:#cc0000;
}

Ik krijg het niet voor elkaar om de link blauw te laten zijn en als je met je muis erover gaat dat de linkkleur rood wordt.

Iemand een idee wat er fout gaat.

De kleurcode in de style.css was alleen om te proberen om de kleur gewijzigd te krijgen. dit is me in het geheel niet gelukt. De kleur van de "Lees verder" link blijft hetzelfde als de tekst kleur.

De link staat in de div .more-link. Eventjes omdraaien dus;

.more-link a, .more-link a:visited {
color: #cc0000;
}

// edit

Of zet class="more-link" in de a tag ipv de div.

Hoi Marcel,

Probeer dit eens:

<?php the_excerpt('<span class="more-link">...Lees verder...</span>'); ?>

En als je een HOVER wilt maken, als je er dus met je muis overheen gaat zal je :hover moeten toepassen.

.more-link a {
color:#cc0000; }
.more-link a:hover {
color:red;}

Origineel gepost door marcel smits

Beste,

Op mijn website wordt er tekst zichtbaar die afgebroken is en onderaan staat dan een "read more" link. Dit is gedaan zodat mensen doorklikken naar de hele post.
Nu wil ik dat deze "read more" in een andere kleur komt dan de rest van de tekst.

Dit is de code die ik daarvoor heb. deze staat in de index.php

<?php the_excerpt(); ?> <div class="more-link"><a href="<?php echo get_permalink(); ?>"> ...Lees verder...</a> </div>

dit is de code die in de style.css staat.

a.more-link, a.more-link:visited {
color:#cc0000;
}

Ik krijg het niet voor elkaar om de link blauw te laten zijn en als je met je muis erover gaat dat de linkkleur rood wordt.

Iemand een idee wat er fout gaat.

Bedankt voor het meedenken, maar beide oplossingen krijg ik nog niet werkend.

Origineel gepost door marcel smits

Bedankt voor het meedenken, maar beide oplossingen krijg ik nog niet werkend.

Hoi Marcel,

In jouw css staat geen :hover
Hier zit het probleem in, 100% zeker.