Header-Bild im Twenty Fourteen Theme soll zentriert sein

  • Hallo zusammen,

    ich habe versucht die Antwort selbst zu finden doch irgendwie passen die Antworten aus dem Netz nicht auf mein Problem bzw. meine installierte Version oder es wird zu viel Wissen vorausgesetzt!

    Ich will das Header-Bild meiner Seite http://www.clever4home.de in die Mitte bekommen.
    Seit heute nutze ich WordPress4.0 und als Theme habe ich mich für Twenty Fourteen entschieden.

    Mein neues Logo hat nur eine Breite von 545pixel und es klebt jetzt immer an der linken Seite.

    Ich weiß noch nichtmal in welcher Datei ich das Anpassen kann:

    Style.css oder header.php oder costumheader.php

    Welche Datei ist für das Positionieren verantwortlich und nach welcher Textpassage muss ich dann suchen?

    Gruß
    Bastian

    • 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

  • Oh ich habe es hinbekommen :)

    Habe in der style.css bei #style-header folgende Änderung durchgeführt:

    Alt:
    #site-header {
    position: relative;
    z-index: 3;
    }

    Neu
    #site-header { text-align: center;
    position: relative;
    z-index: 3;
    }

    Ist das auch ok gericoach? Danke für deine Antwort!

  • Die Idee ist super! Nur der Abstand nach oben wirkt sich optisch anders aus als gedacht!
    Der Abstand nach unten ist super!

    Kannes es dir ja nochmal auf der Seite selber anschauen!

  • na wenn du 100 statt 10 nimmst...:)

    besser wäre aber:

    Zitat

    #site-header img {
    margin: 10px 0 10px 0;
    }

    damit bekommt nur das Bild die Werte.

    Einmal editiert, zuletzt von gericoach (8. September 2014 um 11:51)

  • Jetzt sieht es super aus! Danke!

    Habe nun innerhalb der style.css folgendes stehen:

    Zitat

    #site-header {
    text-align: center;
    position: relative;
    z-index: 3;
    }

    Und am Ende der style.css

    Zitat

    #site-header img {margin: 10px 0 10px 0;
    }

    Jetzt ist das Logo in der Mitte und oben wie unten gibt es 10px Luft!

Jetzt mitmachen!

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