Zentrierte Artikelbilder bei WordPress und Nutzung des Twentyfourteen Themas

Wenn man unter WordPress das Twentyfourteen-Theme verwendet und drei Spalten hat, werden Artikelbilder leider links ausgerichtet und nicht mehr in der Mitte.

Damit diese trotzdem mittig angezeigt weden, was mir sehr viel besser gefällt, ändert man den Code der style.css in Zeile 55 wie folgt ab.

.post-thumbnail img {
position: relative;
left: 50%;
height: auto;
width: auto;
max-height: 350px;
max-width: 350px; -webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}

Damit bei kleinen Auflösungen die Artikelbilder trotzdem linksbündig angezeigt werden, benötigt man noch folgenden Code:

@media screen and (max-width: 400px) {
.list-view .site-content .post-thumbnail img {
 float: left;
 margin: 0 10px 3px 0;
 width: 84px;
 position: initial;
 left: initial;
 transform: initial;
 }
}

Vielen Dank an Vri für die Umsetzung :)

Zuletzt geändert: 2024-07-31 06:46:36 +0000 UTC: wiki: change mumble server domain