Met de recente update van Twenty Sixteen (versie 1.4) is de styling van de tagcloud licht gewijzigd.
Ik kan zien dat je de laatste versie van het thema op je site hebt, maar dat je een child thema gebruikt – mogelijk via de Customize Twenty Sixteen plugin gecreëerd. In de css van dit child thema zit de oude styling nog (en je laadt het originele stylesheet niet meer in, waardoor je de update niet hebt).
Als je kan, zoek in je child thema naar het bestand twentysixteen child/style.css
en zoek daar naar de styling voor de tag cloud:
/* Tag Cloud widget */
.tagcloud a {
border: 1px solid #D1D1D1;
border-radius: 2px;
display: inline-block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
line-height: 1;
margin: 0 0.1875em 0.4375em 0;
padding: 0.5625em 0.4375em 0.5em;
}
.tagcloud a:hover,
.tagcloud a:focus {
border-color: #007ACC;
color: #007ACC;
outline: 0;
}
Vervang dit stukje code door de nieuwe styling van versie 1.4:
/* Tag Cloud widget */
.tagcloud a {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
line-height: 1;
margin: 0 0.1875em 0.4375em 0;
padding: 0.5625em 0.4375em 0.5em;
}
.tagcloud ul {
list-style-type: none;
margin-left: 0;
}
.tagcloud ul li {
display: inline-block;
}
.tagcloud a:hover,
.tagcloud a:focus {
border-color: #007acc;
color: #007acc;
outline: 0;
}
Kan je hier iets mee?
Dag Veerle,
Ik heb dit zonet geprobeerd en het is gelukt.
Mijn tagcloud ziet er nu niet meer uit als een lijst.
Heel erg bedankt voor de hulp!
Ik moet me dringend ook eens wat gaan verdiepen in css, lijkt me zo leuk als je dat kunt.