Nereich über Header Bild verkleinern (twenty-eleven)

    Hallo,

    ich habe mittlerweile dank der Hilfe hier herausgefunden, wie man das Header-Bild beim Twenyt-eleven Theme verkleinert.

    Aber wie kann ich den Bereich über dem Bild, wo Blogname und Suchfeld stehen in der Höne verkleineren?

    • 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

    Dazu musst Du die style.css des Themes anpassen.

    eine Höhe für hgroup hinzufügen

    Code
    #branding hgroup {
    height: 100px;
    margin: 0 7.6%;
}

    und dann eben

    Code
    #site-title {
    margin-right: 270px;
    padding: 0;
}

    und

    Code
    #site-description {
    color: #7A7A7A;
    font-size: 14px;
    margin: 0 270px 3.65625em 0;
}

    neu ausrichten. Danach

    Code
    #branding #searchform {
    position: absolute;
    right: 7.6%;
    text-align: right;
    top: 3.8em;
}

    ebenfalls neu ausrichten. Das sollte es dann gewesen sein.

    danke das hat schon fast funktioniert. Nur die "Site description" bekomme ich nicht richtig ausgerichtet. Sie ist immer etwas nach links versetzt. Der Titel ist korrekt drin.

    Ich denke das Problem liegt hier.

    Code
    margin: 0 270px 3.65625em 0;

    Ich habe leider nur rudimentäre Kenntnisse solche Codes zu verwursteln. Wie genau ist denn das zu lesen und was macht dieser Code?

    Und wie kann ich Seitentirel und Beschreibung komplett aus diesem Bereich entfernen?

    Beitrag

    Sehr coole Hilfe, vielen Dank. Noch eine Frage von mir: Wie kann ich jetzt den Text höher bekommen? Wenn ich .entry-title bearbeite mache ich nur ein paar Pixel gut, danach rutscht die HEadline nicht weiter hoch - egal was ich bei padding-top eingebe.
    Viele Grüße
    Job

    habs jetzt so hinbekommen wie ich es wollte

    http://geekstream.de/

    Eine Frage habe ich noch. Ich würde gern die Social Media Icons aus dem Sidebar oben in die Menüleiste packen (wo Home, About etc. steht)

    Hab bis jetzt nicht mal die Datei gefunden wo das rein muss.

    Sehe ich das richtig, dass ich den 1. Code (#brandin hgroup) unter Structure in der style.css finde? Und Code 2-3 unter Header?
    Welche Werte ändere ich bei allen 4 Codes, damit die Abstände zwischen meinem Blogtitel und dem Browserrand, sowie zwischen Blogtitel und Headergrafik kleiner werden, aber es nicht gequetscht aussieht...?
    Freu mich auf eure Hilfe!

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden