Twentysixteen Headerbild Abstand zum Rahmen verkleinern

  • Hallo liebe Community,
    ich habe für unser Kinderhilfswerk mit Twentysixteen die neue Page erstellt. http://www.ichev.de
    Mir ist der Abstand vom Rahmen zum Headerbild zum Rahmen zu großen, ebenfalls zum Text. Siehe dazu die angehängte Datei.
    Ich traue ich in den HTML Bereich, weiß aber nicht wo diese Maße anzupassen sind.
    Ich freue mich über einen Tipp.

    Beste Grüße aus Delmenhorst

    • 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

  • Mein Kopiersatz zu Beginn :wink:

    Die Style-Anpassungen werden unter Design - Customizer - Zusätzliche CSS gemacht werden! LINK.

    Code
    .site-branding, .site-header-menu, .header-image {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
    }
    .site-header {
        padding: 1.25em 4.5455%;
    }

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

  • Ja, es gibt keine HTML-Seiten (wie früher)!

    Deine Seite läuft und das ist gut ;-)

    Stelle den Mauszeiger auf das Objekt deines Interesses - drücke die rechte Maustaste und Element untersuchen (z.B. beim Firefox).
    Dann sollte unten das Entwicklertool aufmachen - so wie im verlinkten Video. Das Objekt auf dem der Mauszeiger war wird blau unterlegt.
    So kann man die CSS - Klassen oder IDs finden die für die Gestaltung in Frage kommen. Rechts wird auch die Datei angezeigt, in der sich die Anweisung befindet.
    Das ist der Idealfall, öfters heit es dann noch etwas suchen....
    Das Entwicklertool ist aber nicht zum Ändern direkt, sonst wäre das ja das Chaos ;-) sonder bei WP über Zusätzliche CSS.
    Größere Anpassungen werden mit einem Child Theme gemacht und nicht in den Original Files! Bei einem Themen Update wäre sonst alles wieder weg!

    Hier ist ein grober Überblick wie das aufgebaut ist - LINK1 & LINK2

    Das Internet ist voll von Hilfsvideos in alle Richtungen!

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

Jetzt mitmachen!

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