Support » Allgemeine Fragen » Beitrags Bild nur teilweise responsive

  • Gelöst g28fhwolf

    (@g28fhwolf)


    Hallo Ihr fleißigen Helfer,

    das „Beitragsfoto“ im Blog wird nur teilweise responsive dargestellt. Ab einer bestimmten Breite wird es links und rechts beschnitten.
    Auf der Übersichtsseite und der vollständigen Darstellungsseite.
    Habe schon in den CSS Regeln nachgeschaut, aber der weitreichende Durchblick scheint mir zu fehlen 🙂

    Alle anderen Fotos auf der Webseite werden korrekt responsive dargestellt. WP und Plugins alle aktuell und ohne Probleme.

    Danke für Eure Bemühungen

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • das „Beitragsfoto“ im Blog wird nur teilweise responsive dargestellt.

    Das hängt davon ab, wie du „responsive“ definierst.

    Das Beitragsbild wird als Hintergrundbild für einen Abschnitt verwendet und wird mit background-size: cover; so eingepasst, dass dieser Abschnitt immer vom Bild abgedeckt (engl. to cover) wird. Dieses Einpassen geschieht so, dass es sich immer der Bildschirmgröße anpasst – die Darstellung ist also durchaus responsive.

    Wenn du meinst, dass das Bild immer in seiner kompletten Größe dargestell werden soll und lediglich die Größe geändert wird (was sich dann unmittelbar auf die Höhe des Abschnitts auswirkt), kannst du die Bildbreite stattdessen auf 100% setzen: body .img { background-size: 100%; }

    Allerdings verwendet das Theme dann auch noch eine feste Vorgabe für die Höhe des Abschnitts (body .blog-item .img { height: 318px; }) was bedeutet, dass je nach Bildschirmgröße Bildteile oben und unten abgeschnitten werden. Gibst du hier statt dessen eine Höhe von 700px vor, wird das Bild auf einem großen Monitor zwar komplett dargestellt, aber auf kleineren Bildschirmen gibt es fiese Lücken. Und genau das hat der Theme-Autor mit background-size: cover; vermeiden wollen.

    Thread-Starter g28fhwolf

    (@g28fhwolf)

    Danke Bego,

    jetzt verstehe ich die Einstellungen besser, vor allem dessen Hintergründe.

    Gern geschehen. Denkst du bei Gelegenheit noch daran, den Thread als „gelöst“ zu markieren?

    Thread-Starter g28fhwolf

    (@g28fhwolf)

    Ja

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Das Thema „Beitrags Bild nur teilweise responsive“ ist für neue Antworten geschlossen.