Twenty Sixteen - Abstände im Header-Bereich verändern

  • Hallo!

    Ich habe gerade unsere Website http://www.hochzeitfilm-franken.de auf das neue Theme Twenty Sixteen umgestellt - oder versuche es zumindest!
    Klappt auch ganz gut soweit - nun soll aber der noch Abstand oben zum Seitentitel (Hochzeitfilm Katzenberger), der Abstand vom Seitentitel zum Menü, der Abstand vom Menü zum Header-Bild und der Abstand vom Header-Bild zur Seiten Überschrift (h1) verändert/verringert werden. Und leider finde ich nicht die richtigen Einstellungen.

    Kann mir bitte jemand weiterhelfen?

    Vielen lieben Dank!

    • 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

  • (...)
    Kann mir bitte jemand weiterhelfen?
    (...)

    Ja, lass Dir die Website von einem erfahrenen Dienstleister aus Deiner Region mit guten Referenzen im regionalen SEO und frauenkompatiblem Design erstellen, Du magst vielleicht ansprechende Hochzeitsfilme produzieren können, aber ansprechende marketingtechnisch und somit letztlich auch betriebswirtschaftlich zielführende Websites gestalten, kannst Du oder wer auch immer Dir da zur Seite stand, wohl sicher nicht.

    Bei den Preisen, die für Deine eigene Dienstleistung verlangst, hast Du die Kosten doch mit ein paar Aufträgen locker wieder drin und der Umsatz, der Dir mit Deiner sehr suboptimalen (um es mal höflich auszudrücken) Website entgeht, wird in keiner Weise durch den gesparten Kleckerbetrag für die Erstellung einer solchen kleinen technisch doch recht einfachen Website als bloße Unternehmenspräsenz wieder aufgewogen.

  • Leider weinig Zeit. Such das folgende in Deiner CSS.
    Am besten probierst Du es mit Firebug oder Chrome-Entwicklertools aus, dann siehst Du direkt bei Eingabe die Änderung.

    Abstand oben zum Seitentitel (padding)

    Code
    .site-header {        padding: 4.25em 4.5455%;
        }

    Abstand Seitentitel zum Menü (margin): Den Wert "auto" ändern in z. B. 95px

    Code
    .site-branding {    margin: 0.875em auto 0.875em 0;
    }

    Abstand vom Menü zum Header-Bild und Seitentitel (margin):

    Code
    .header-image {        margin: 1.3125em 0;
        }

    Dateien vor Änderung sichern! Child-Theme oder Custom-CSS für Änderungen nutzen!

  • Vielen Dank für die tolle und hilfreiche Antwort!!!!!!!! TURBODESIGNER
    Besonders werden wir natürlich künftig darauf achten, ein FRAUENKOMPATIBLES DESIGN zu erstellen. Schließlich heiraten ja auch
    nur Frauen ....
    Gut, dass es hier im Forum auch Mitglieder gibt, die echte Hilfe anbieten!!!!!

Jetzt mitmachen!

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