Natenoms Wiki

Weil Teilen Spaß macht :)

Benutzer-Werkzeuge

Webseiten-Werkzeuge


Seitenleiste

Übersetzungen dieser Seite:

Navigation



Lizenz dieses Wikis
Über dieses Wiki
Feed des Wikis
Impressum


Was gerade in meinem Blog geschieht:

sammelsurium:wordpress:zentrierte_artikelbilder_bei_twentyfourteen

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 donzooles für die Umsetzung :)

sammelsurium/wordpress/zentrierte_artikelbilder_bei_twentyfourteen.txt · Zuletzt geändert: 2015/11/26 21:01 von Natenom