Header Bild auf allen Seiten gleich anpassen aber wie ?

    Hallo zusammen,

    ich bin Word Press Anfänger! Ich habe Word Press in der Version 4.8.1 installiert.

    Ich habe nun verschiedene Seiten erstellt. Auf der ersten Seiten ist das Header Bild so groß, dass es eigentlich die ganze Seite einnimmt - und das soll auch so!
    Auf den anderen Seiten wird das Header Bild jedoch nur im oberen Bereich noch angezeigt. Es soll aber so wie auf der ersten Seite.

    Wo kann ich das ändern bzw. einstellen?

    Gruß
    Mike

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Das gibt es so viele Möglichkeiten wie Themes. Also Tausende. Welches Theme setzt Du denn ein? Gibt es einen Link zu der Site? Das ist nur, um nicht die Glaskugel benutzen zu müssen.

    Wenns das zwanzigsiebzehner Thema ist, versuche das im Dashboard - Design - Zusätzliches CSS einzufügen:

    .site-branding {
    padding: 15em 0;
    }

    Den Wert 15em kannst du frei wählen, je nach deiner Vorstellung.

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Nur mal ganz grob zusammen gebastelt und vermutlich nicht responsive. Es soll nur mal die Richtung zeigen. Versuch also mal

    Code
    .site-branding {
    margin-top: -230px;
}


.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
    height: 100vh;
    position: relative;
}

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    1. Ich finde, daß das große Foto auf der 1. Seite (Home) gut wirkt. Aber auf Unterseiten nimmt es für meine Begriffe zu viel Platz für die Informationen weg. Und die interessieren mich da mehr als ein großes Foto.

    2. Beide angebotenen CSS-Codes funktionieren auf unterschiedliche Weise, muß man entsprechend einstellen. Ersterer ist responsiv, der zweite wie SirEctor schon schreibt, nicht.

    Zitat von mike7050

    Hallo,

    danke für die Antworten! Ja das Thema!

    .....
    Wie macht Ihr die Änderungen, so wie oben im Editor?

    Viele Grüße
    Mike

    Bitte nicht mit dem Editor!

    Wie ich schon schrieb, im Backend = Dashboard im Menüpunkt Design den Customizer auswählen. Dort ist der letzte Menüpunkt Zusätzliche CSS, dort kopierst du einen der Vorschälge hinein und siehst in Echtzeit was du damit auslöst ;-)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Hallo,

    jo - super und Danke! Hat geklappt mit der Bidlgröße! Es ist jedoch richtig - auf der Startseite großes Bild und auf den weiteren Seiten dann keine Bilder mehr, nur noch Infos ab Seitenaufruf!

    So - nun die Endlösung erst einmal: Die Startseite soll so bleiben mit der Bildgröße und soll genau vier Bilder beinhalten, die dann als Diashow laufen oder eben durch den Webseitenbesucher weitergeklickt werden können (Pfeile links und rechts neben dem Bild, wie man so oft im Web sieht).

    Auf der zweiten Seite soll es dann nur noch einen Header Bereich geben wie nun auch auf http://www.sguhl.info dargestellt (also mit der Größe). In diesem möchte ich dann ein Logo etc. darstellen!

    Eine weitere Hilfe von Euch wäre supi ;-)

    Viele Grüße
    Mike

    Hallo,

    ich habe noch einmal im Web geschaut! Es soll genauso aufgebaut sein wie hier: https://www.haberecker-heizungsbau.de/

    Der Header oben immer gleich. Auf der Startseite sind die großen Bilder mit Dia Show dargestellt und auf den dann kommenden Seiten eben nicht mehr. Nur der Header bleibt oben bestehen!

    Wie kann ich das nun am besten einstellen?

    Viele Grüße
    Mike

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden