Originalgrösse von Header Grafik wird nicht angezeigt

  • [size=14][FONT=arial]Hallo zusammen, ich arbeite mit Theme "Initio". Hier lautet die empfohlene Grösse für die Header-Grafik 1920 x 200 px.

    Dies bedeutet für mich als Leihe: wenn ich eine Grafik in der vorgegebenen Grösse 1920 x 200 erstelle und in den Header einfüge dann sollte diese

    optimal angezeigt werden. Dem ist jedoch nicht so. Habe ich da also als Leihe etwas falsch verstanden?

    Die eingefügten Grafiken werden nicht komplett angezeigt, also nicht im Original, obwohl ich die vorgegebene Grösse eingehalten habe.

    Anbei auch ein Anhang, in dem ihr seht, wie die Grafik im Original aussieht und wie sie angezeigt wird.

    Was mache ich falsch?


    PS - ich arbeite nicht mit CSS weil ich es leider nicht verstehe sondern mit den "normalen" Customizing Tools.


    Vielen herzlichen Dank vorab für Euer Feedback
    [/FONT][/SIZE][FONT=arial]
    [/FONT][FONT=arial black]
    [/FONT][FONT=Tms Rmn]
    [/FONT]

    • 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

  • Da würde ich als allererstes mal den Theme-Entwickler anschreiben. Der müsste am Besten wissen, was da nicht stimmt.

    Ansonsten bräuchten wir mal einen Link zur Seite, damit man sich das mal anschauen kann.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • hallo, herzlichen Dank für dein schnelles feedback. Die url lautet rs-fugen-stuttgart.de
    ich habe mittlerweile etliche Grössen für die Headergrafik ausprobiert, sie wird einfach nicht konplett angezeigt :-( vielleicht habe ich irgendwo eine falsche Einstellung angeklickt?

  • Ich bin nicht sicher ob ich dich richtig verstanden habe, aber versuch mal das

    CSS
    div#header-holder {
        background-size: contain !important;
    }


    Ist dann nur responsive daneben.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • lieben Dank, das ist CSS oder? oh damit arbeite ich gar nicht weil ich mich nicht damit auskenne,hm, ich kann ja mal versuchen den Code irgendwo einzufügen, weiss jedoch nicht genau. Wie gesagt, ich arbeite eigentlich nur mit den "normalen" Customizer Möglichkeiten da ich mit CSS noch nie gearbeitet habe...ohje, da scheitere ich schon an so einer simplen Sache wie der Headergrafik :-(

  • Hallo,

    Ja das ist CSS. Einfach im "Child-Theme" in der style.css oder eben im Customizer (sofern es einen Custom CSS Menüpunkt gibt) einfügen.

    LG

  • hallo zusammen, lieben Dank, der Code hat tatsächlich geholfen und die Grafik wird nun ganz angezeigt, spitze !
    Da ich jedoch nun doch eine etwas grössere Headergrafik möchte (200 px sind mir in der Höhe etwas zu klein)
    konnte ich das nun darüber steuern, dass ich die die Grafik nicht zugeschnitten habe und einfach "Zuschneiden überspringen" gewählt habe.
    [COLOR=#FF0000]Ich danke Euch herzlich für die tolle Unterstützung :-))))[/COLOR]

  • Hallo,

    Füge einmal folgenden Code, statt dem von oben ein:

    Zitat

    div#header-holder {
    background-size: contain !important;
    height: 300px;
    }

    Mit "height" solltest Du deine gewünschte Höhe bestimmen können.

    LG

Jetzt mitmachen!

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