Blogfoto nur teilweise responsiv

  • Gelöst g28fhwolf

    (@g28fhwolf)


    vor 6 Monaten, 1 Woche

    Unter „Neues“ stehen die Blogbeiträge.
    Das Blogfoto ist responsiv, wird aber bei starker Verkleinerung (kleines Smartphon Display) links und rechts abgeschnitten.
    Gibt es eine Möglichkeit im Customizer unter zusätzliches CSS einen Code einzugeben, der das Foto im Ganzen verkleinert. Also der Inhalt vom Foto erhalten bleibt.

    Danke für Eure Mithilfe

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

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Moderator threadi

    (@threadi)

    vor 6 Monaten, 1 Woche

    Du bindest die Bilder derzeit als Hintergrundbilder ein. Diese kann man durchaus per CSS steuern. Das hier z.B. würde bewirken, dass bei Ansichten in Viewports kleiner als 990 Pixel die Bilder immer voll zu sehen sind:

    @media (max-width: 990px) {
    body .img { background-size: contain }
    }

    Das kannst du unter Design > Customizer > Zusätzliches CSS einfügen.

    Allerdings möchte ich dich auch darauf hinweisen, dass die Art und Weise diese Bilder als Hintergrundbilder einzubinden für dich von Nachteil ist. Deine Website wird nie über diese Bilder gefunden werden. Aus Sicht von Google sind das Gestaltungselemente die irrelevant für die Auffindbarkeit deiner Website sind. Du solltest sie eher als tatsächliche Bilder einfügen inkl. Alternativtext und vlt. sogar eine Bildbeschreibung. Das hätte einen riesen Vorteil für dich und deine Website.

    Thread-Starter g28fhwolf

    (@g28fhwolf)

    vor 6 Monaten, 1 Woche

    Danke threadi für Deine Hilfe. Der CSS Code funktioniert super.
    Den anderen Hinweis werden ich mir anschauen und dann sehen wie es sich umsetzen lässt.

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)

Das Thema „Blogfoto nur teilweise responsiv“ ist für neue Antworten geschlossen.

Schlagwörter