twentyseventeen (fast) nur headergrafik zu sehen

  • Hallo zusammen,

    der header / die headergrafik in twentyseventeen ist so hoch, daß sie in manchen Bildschirmen (windows, 1680 x 1050, firefox 57)
    sogar das Menü unten aus dem Bildschirm drückt.

    Kann mir jemand verraten, welche CSS-Anweisungen ich ändern muß, damit das nicht passiert?

    Auch den Schatten (dunkel) / Übergang im untersten Bereich des headers (sieht bei hellen Hintergründen einfach schmutzig aus)
    würde ich gern stattdessen in einen heller werdenden Bereich ändern. Ich nehme an, das ist CSS (oder eine teiltransparente Datei?).

    Für jeden Tipp dankbar.

    • 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

  • Ggf hilft das weiter LINK.

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

  • Ggf hilft das weiter LINK.

    Oh danke, ja damit ließ sich die Höhe des Headers verringern.

    Jetzt die "Abers" ;-)
    a) Ein twentyseventeen-eigener (oder wp-eigener?) Prüf-Algorithmus meldet sich sofort im Customizer. Dieser behauptet, daß es wegen der Verwendung ungültigen Codes nicht möglich sei, die Ergänzung zu speichern. Glücklicherweise wird auch eine Checkbox angeboten, den "Fehler" zu ignorieren und trotzdem zu speichern. :confused:
    Potentiell fehlerhaften Code zu integrieren, beruhigt nicht gerade.
    b) Das ist ergänzender Code. Auf diese Weise werden nicht nur mittels eines Child-Themes die Theme-Angaben überschrieben, sondern in einem weiteren Schritt auch diese (vorausgesetzt ich verstehe die Funktionsweise von Child-Themes richtig).

    Trotzdem natürlich Danke für den Link. :)
    So lange es nichts ohne die o.g. Einwände gibt, ist das die beste Lösung.

  • Den Code hatte ich zuvor nicht selbst versucht, aber die aktuelle WP Version lokalisiert den Fehler!
    Offensichtlich ist das ein Syntax Fehler ;-)

    Nimm mal

    Code
    {
     height : calc(100vh - 32px);
     }

    als letzte Anweisung. (Da stimmt mit den Leerzeichen etwas nicht!)

    Damit sollte die Fehlermeldung weg sein ;-)

    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!