@coenoldebijvank ik heb zeker een idee. De html laat zien dat jouw li (listitem) voor reacties een aantal specifieke classses heeft:
comment
byuser
comment-author-admin
bypostauthor
odd
alt
depth
Deze classes kan je gebruiken om specifieker te stijlen, in bovenstaande geval kan je spelen met de classes die je hebt, maar je kan uit de naam wel een beetje opmaken wat ze zullen doen. In dit geval hebben we de bypostauthor klasse nodig om aan te spreken.
In CSS ziet dat er zo uit:
.entry-comments .bypostauthor .comment-author{
background-color: green;
}
Wat wil deze regel nou precies zeggen
Vanuit het blok entry-comments willen we het element bypostauthor aanspreken, met daarin weer een element comment-author. De background wordt toegepast op dit laatste element.
Als je het laatste deel weg zou halen, dan zou je het hele blok van de reactie groen kleuren, zoals je in mijn toegevoegd screenshot kan zien.
Mijn CSS rule was daar dus:
.entry-comments .bypostauthor{
background-color: green;
}
Let wel! Gebruik spaties tussen de verschillende elementen. Soms worden in CSS ook classes aan elkaar geschreven. stel:
.entry-comment .bypostauthor.comment-author-admin{
background-color: green;
}
De bovenstaande CSS rule zal worden toegepast voor alle elementen entry-comment met daarin alle elementen die de classes bypostauthor én comment-author-admin hebben.
In dit specifieke geval zal het blok dus alleen maar groen kleuren als de reactie van een post-author is, maar moet ook de admin zijn. (praktisch gezien was dit ook aan te roepen met alleen .comment-author-admin)
Coen Olde Bijvank
Gereageerd op 19-11-2016Kan iemand mij helpen? Zoals bijvoorbeeld op deze pagina van Jacko: https://www.internetsuccesgids.nl/seo-tips-2017/ en dan @jackomeijaard met een gele achtergrond.. :)
Léon Gotjé
Gereageerd op 19-11-2016Je bedoelt de auteur informatie aan de onderkant van de website? Dit doe je met CSS. Welke elementen je dan moet stijlen is afhankelijk van je thema.
Coen Olde Bijvank
Gereageerd op 19-11-2016@leongotje nee de achtergrond kleur van mijn reacties als auteur..
Check: https://sliminkomen.nl/geld-verdienen-met-thuiswerk/#comment-35763
Heb het al geprobeerd... werkt wel.. maar niet specifiek voor de auteur (ik dus in dit geval) jij enig idee?
Léon Gotjé
Gereageerd op 19-11-2016@coenoldebijvank ik heb zeker een idee. De html laat zien dat jouw li (listitem) voor reacties een aantal specifieke classses heeft:
Deze classes kan je gebruiken om specifieker te stijlen, in bovenstaande geval kan je spelen met de classes die je hebt, maar je kan uit de naam wel een beetje opmaken wat ze zullen doen. In dit geval hebben we de bypostauthor klasse nodig om aan te spreken.
In CSS ziet dat er zo uit:
.entry-comments .bypostauthor .comment-author{
background-color: green;
}
Wat wil deze regel nou precies zeggen
Vanuit het blok entry-comments willen we het element bypostauthor aanspreken, met daarin weer een element comment-author. De background wordt toegepast op dit laatste element.
Als je het laatste deel weg zou halen, dan zou je het hele blok van de reactie groen kleuren, zoals je in mijn toegevoegd screenshot kan zien.
Mijn CSS rule was daar dus:
.entry-comments .bypostauthor{
background-color: green;
}
Let wel! Gebruik spaties tussen de verschillende elementen. Soms worden in CSS ook classes aan elkaar geschreven. stel:
.entry-comment .bypostauthor.comment-author-admin{
background-color: green;
}
De bovenstaande CSS rule zal worden toegepast voor alle elementen entry-comment met daarin alle elementen die de classes bypostauthor én comment-author-admin hebben.
In dit specifieke geval zal het blok dus alleen maar groen kleuren als de reactie van een post-author is, maar moet ook de admin zijn. (praktisch gezien was dit ook aan te roepen met alleen .comment-author-admin)
Coen Olde Bijvank
Gereageerd op 20-11-2016@leongotje bedankt voor uitgebreide uitleg.
Waar moet ik de css regels toevoegen op mijn website?
Ik neem aan dat het om deze gaan:
.entry-comment .bypostauthor.comment-author-admin{
background-color: green;
Léon Gotjé
Gereageerd op 20-11-2016Hoi @coenoldebijvank. Dit is afhankkelijk van je thema of hier een mogelijkheid voor is. Ik kan je sowieso aanraden om je te gaan verdiepen in HTML en CSS als je hier mee aan de gang wilt gaan, of je kan het beter uitbesteden zodat je weet dat het goed gebeurd.
Coen Olde Bijvank
Gereageerd op 20-11-2016@leongotje het betreft dus dit thema: https://sliminkomen.nl/geld-verdienen-met-thuiswerk/#comment-35763
Ik heb wel wat kennis van css en html maar niet genoeg blijkbaar :)
Léon Gotjé
Gereageerd op 20-11-2016@coenoldebijvank Als je verstand hebt van CSS en HTML moet je volgens mij ook wel weten waar je de CSS dan plaatst. Via je wordpress backend kan je naar Weergave -> Bewerken. Je komt dan standaard in je style.css bestand, hier kan je zaken aanpassen.
Let wel, als je hier wijzigingen in maakt en je update het thema, dan ben je ze kwijt. Sommige thema's bieden via het optiepanneel de mogelijkheid zelf regels voor CSS toe te voegen. Misschien kan je die vinden
Coen Olde Bijvank
Gereageerd op 20-11-2016Zeker wel! Ja dat klopt en bedankt voor de tip!