Zum Inhalt springen

Logogröße

WordPress: Wie man die Größe des Logos im Theme Twenty Seventeen ändert

Seid meinem Umzug zu einem neuen Provider, nutze ich auch der original WordPress-Theme Twenty Seventeen und bin damit sehr zufrieden, da mir das Minimalistische und Übersichtliche des Layout sehr gut gefällt. 

Allerdings hat mich gestört, dass das Logo, welches man in den Header einbauen kann, sehr klein angezeigt wird. 
Mit folgenden Code-Schnippsel könnt ihr die Größe des Logos vergrößern, oder – wenn ihr wollt – auch anpassen:

@media screen and (min-width: 48em) {
	.custom-logo-link img {
		max-width: 700px;
	}
}

.custom-logo-link img {
    /* display: inline-block; */
    max-height: 160px;
    /* width: auto; */
}
  • Die 700 Pixel max-width ist das doppelte von den standardmässigen 300px. Um die Logogröße zu halbieren, tragt dort 150px ein.
  • Die 160px max-height ist die Verdoppeltung der 80px, die per default eingetragen sind. Möchtet ihr wieder die Hälfte des Originalzustands haben, so müsst ihr dir 40px eintragen.
  • Obigen Code fügt ihr am einfachsten im WordPress-Backend unter „Design“ > „Customizer“ > „Zusätzliches CSS“ ein.

Der Original-Post, den ich mit diesen hilfreichen Infos gefunden habe, findet ihr unter:
How To Change The Logo Size (Increase & Decrease) In Twenty Seventeen
Originally published at Bharat Karavadra.