Foto in mobiler Ansicht anpassen

  • Hallo ihr Lieben, bräuchte eure Hilfe bei einer (wahrscheinlich für die meisten einfachen) Sache: In der Mobilansicht meiner Website wird auf der ersten Seite das erste Bild falsch ausgeschnitten, sodass der Text nur halb zu sehen ist.
    http://www.nelliewinter.com/

    Ich benutze das Generator Press Theme und das Photo ist ein Cover Widget. Kann ich den Ausschnitt mit CSS anpassen - und wenn ja wo?

    Vielen Dank im Voraus!!

    • 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

  • Versuche mal das (Media Queries) in die Zusätzlichen CSS einzufügen:

    Code
    @media (max-width:600px) {
    .wp-block-cover, .wp-block-cover-image {
        min-height: 330px;
    }
    }
    @media (max-width:468px) {
    .wp-block-cover, .wp-block-cover-image {
        min-height: 230px;
    }
    }

    Zusätzliche CSS: Im Dashboard unter Design - Customizer - Zusätzliche CSS

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

  • Hallo

    Ich sehe auf der Kontaktseite keinerlei abgeschnittenes Bild. Könntest Du uns einen Screenshot des abgeschnittenen Bildes geben?

    LG

  • Grundsätzlich ist das nicht so schlecht, das Notebook ist immer mittig ;)

    Aber, wie oben, noch ein Versuch ;)

    CSS
    @media (max-width:600px) {
    .sow-slider-image.sow-slider-image-cover.cycle-slide.cycle-slide-active {
      height: 300px !important;
    }
    }
    @media (max-width:468px) {
    .sow-slider-image.sow-slider-image-cover.cycle-slide.cycle-slide-active {
      height: 200px !important;
    }
    }

    Aber Grundsätzliches!
    Das Bild Kontaktheader hat 2,98 MB und 2500x1800px, die maximale page-width ist 1730px, das Bild wird maximal mit 1197,5px angezeigt,
    Dein Profilbild neu hat auch 653KB und 1080x720px und wird mit 349x323px angezeigt.
    Da ist Optimierung nicht nur möglich sondern dringend empfohlen.

    Wenn du mich fragst, ist auch nachfolgendes suboptimal!

    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!