Ashe Theme – Headergröße anpassen

Hallo @liebeh und willkommen im Forum,

wenn ein Theme dir keine Einstellungsmöglichkeit zur Verfügung stellt, kannst du entweder schauen, ob es dafür eine kostenpflichtige Premium-Version gibt oder ob du dir mit eigenen CSS-Regeln behelfen kannst, die du im Customizer unter Zusätzliches CSS einträgst.

Über die Entwicklertools deines Browsers kannst du dazu herausfinden, welche CSS-Regel die Höhe des Header angibt. In deinem Fall ist das

.entry-header {
    height: 500px;
}

Möchtest du also, dass der Header z.B. nur 200 px hoch ist, gibst du als Zusätzliches CSS ein:

.entry-header {
    height: 200px;
}

Deine Frage „wie kann ich die Metabox dazu anpassen so das ich das WordPress.org da raus bekomme“ habe ich nicht ganz verstanden – auf was bezieht sich das?

Du möchtest also keinen Link zur genialen Community, die dir diese tolle Software kostenlos zur Verfügung stellt und auch sonst nicht um irgendwelche Gegenleistungen bittet? 😉

.widget_meta ul li:last-child {
    display: none;
}

… aber ehrlich gesagt, würde ich das Meta-Widget ganz weglassen, das Plugin Rename wp-login.php installieren, in den Einstellungen angeben, dass du dich künftig über https://example.com/zentrale (natürlich mit deiner Domain) anmelden möchtest und das im Browser bookmarken. Es sei denn, du möchtest, dass sich andere Nutzer auf deiner Website anmelden …

Meine Rückfrage hatte übrigens damit zu tun, dass das Widget aktuell auf der genannten Website nicht aktiviert ist.

Du hattest vorher im stylesheet des Themes

.entry-header {
    height: 500px;
}

und hast als „eigene“ CSS-Regel eingetragen

.entry-header {
    height: 500px;
}

Wieso hat sich da jetzt wohl nichts geändert? Na? Kommst du drauf? 😛

Das kommt von der Media Query deines Child-Themes:

@media screen and (max-width: 1280px) {
.entry-header {
    height: 430px !important;
}
}

musst du dann ändern in

@media screen and (max-width: 1280px) {
.entry-header {
    height: 200px !important;
}
}

(oder einen anderen Wert, 200px Header ist auf Tablets vielleicht schon etwas zu hoch.)

Aufgepasst: das ist nicht die einzige Media Query. Findest du in den Entwickler-Tools deines Browsers die anderen fünf?

so der Header ist jetzt kleiner nur die Grafik nicht, …
Das war auch nicht deine ursprüngliche Frage. Probier mal

.entry-header {
    height: 200px;
    background: url(https://lima-inspirations.com/wp-content/uploads/2018/10/cropped-logo-2.png) no-repeat center center;
}

dein Code muss ich auch in die Style.css einfügen richtig? Hier ist ne Anfängerin am Werk

Deshalb beschreibe ich es ja auch ausführlich: im Customizer in das Feld Zusätzliches CSS einfügen.

Anfänger zu sein ist völlig OK. Nur wenn du mit deinem Anfänger-Wissen bei bestimmten Dingen wie z.B. eigenen Anpassungen des CSS nicht zurecht kommst, musst du das als „das gibt das Theme nicht her“ abhaken, CSS lernen oder einen Dienstleister beauftragen. Hier im Forum können wir die nur sagen, was du ändern musst (CSS-Regeln, siehe oben) und wo du es ändern musst (Customizer > Zusätzliches CSS). Wenn wir aber für alle AnwenderInnen persönliche Anpassungen im Detail liefern sollen, sprengt das hier den Rahmen.

@liebeh
für die kleinsten Bildschirme würde ich in der Media Query noch angeben

@media screen and (max-width: 640px) {
#page-header .entry-header {
    background-size: 80%;
}

Sonst geht das Header-Bild zu sehr an den Rand.

Der entscheidende Selektor ist
#mobile-menu li für das mobile Menü
und
#main-menu li a für das normale Menü.

Größe ist jetzt bei 15px.

Also so z.B.:

#mobile-menu li,
#main-menu li a {
    font-size: 12px;
}

Wert natürlich frei wählbar.

Gruß, Torsten