Ändern der Kopfzeilenhöhe für Twenty Seventeen Theme auf ALLEN Seiten

Ich habe das Twenty Seventeen-Thema über ein Child-Theme in meinem WordPress-Blog bearbeitet, und ich habe versucht, die Scroll-Höhe des Headers anzupassen, da es zuvor viel zu viel Platz in Anspruch genommen hat. Ich wollte mehr von einem traditionellen Header.

Hinweis: Ich möchte die Größe des Kopfbereichs nicht ändern oder zuschneiden, sondern die Größe der vertikalen Höhe zuschneiden, die der Kopfbereich belegt. In der Umgebung habe ich einen Weg gefunden, dies über folgenden Thread zu tun:

Wie ändere ich die Höhe des Headerbildes in Twenty Seventeen?

Dies passt jedoch nur die Höhe auf der Homepage und nicht auf anderen Seiten an. Ich möchte, dass es für alle Seiten gleich ist. (Meine Referenz, meine Website ist hier http://chugsforlife.esy.es/ , wenn Sie auf der Homepage schauen, ist die Kopfhöhe gut, aber gehen Sie zu jeder anderen Seite und es ist lächerlich zerquetscht)

EDIT: Hier ist der Code, den ich ursprünglich in die style.css meines WordPress Kind-Themes eingefügt habe:

.twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media, .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media { height: 1200px; height: 60vh; max-height: 100%; overflow: hidden; } .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media, .admin-bar.home.blog.has-header-image .custom-header-media, .admin-bar.home.blog.has-header-video .custom-header-media { height: calc(60vh - 32px); } .has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header { display: table; height: 300px; height: 55vh; width: 100%; } 

Solutions Collecting From Web of "Ändern der Kopfzeilenhöhe für Twenty Seventeen Theme auf ALLEN Seiten"

Aus dieser Frage, die du erwähnt hast, ist dies der Code:

 .twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media, .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media { height: 1200px; height: 100vh; max-height: 100%; overflow: hidden; } 

Revision: Versuchen Sie, die Startseite und die Startseite aus den Selektoren für Ihre spezifische Verwendung zu entfernen: Sie können damit ersetzen, was Sie eingeben, und es wird auch die Titelseite abdecken.

 .has-header-image .custom-header-media, blog.has-header-image .custom-header-media { height: 1200px; height: 70vh; max-height: 100%; overflow: hidden; } .has-header-image .custom-header { display: table; height: 300px; width: 100%; }