Hey Sandra,
Ja hoor, dat kan zeker. Je hebt namelijk een kolom links (class=”content-area column three-fourths”) die 75% breed is en een kolom rechts die 25% breed is (class=”column fourth”). Logisch gewijs kun je deze kolommen verkleinen waardoor de afstand minder wordt. Echter heeft de rechter kolom een ‘float: left;’ waardoor er niet minder ruimte ontstaat. Door hier een ‘float: right’ aan mee te geven gaat dit wel goed. Voeg onderaan je style.css van je thema het volgende toe:
/* maak linker kolom minder breed.. */
#primary.column.three-fourths { width: 70%; }
/* maak dat rechter kolom altijd rechts uitlijnt */
@media (min-width: 1024px) {
.column.fourth {
float: right;
}
}
De tagline verbergen kan ook via css en kun je eventueel onder de css van hierboven plaatsen:
article.post footer .cat-links,
article.post footer .tags-links { display: none; }
Hier was ik zelf echt nooit uitgekomen, het is gelukt!
Heel erg bedankt!
Helemaal fijn! Graag gedaan.
Op mijn website is het helemaal gelukt, maar nu zie ik als ik de site op mijn telefoon open, de mobiele versie, dat hij daar niet meer over de gehele breedte getoond wordt. Zou dat ermee te maken kunnen hebben dat ik de breedte van die kolommen aangepast heb? Hoe zou ik dat aan kunnen passen dat hij wel juist getoond wordt op mijn telefoon en gewoon zo blijft op bijvoorbeeld mijn laptop?
