Hintergrundbilder für Handy + Tablet ausblenden

  • Gelöst j93579

    (@j93579)


    vor 3 Jahren, 10 Monaten

    Liebe Forumsmitglieder,

    besteht die Möglichkeit, alle Hintergrundbilder auf meiner Website für Handys und Tablets grundsätzlich nicht anzuzeigen sondern stattdessen einen einheitlich dunkelgrauen Hintergrund anzuzeigen?

    Ich freue mich über Eure Antworten und Tipps.

    Vielen Dank und viele Grüße
    JS

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

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    vor 3 Jahren, 10 Monaten

    Hallo,
    das sollte mit einer entsprechenden Media Query wie folgt möglich sein (unter Design > Customizer > Zusätzliches CSS):

    @media only screen and (max-width: 768px){
.wp-block-cover.alignfull.has-background-dim.has-parallax {
    background-image: none!important;
  }
}

    Viele Grüße
    Hans-Gerd

    Moderator Angelika Reisiger

    (@la-geek)

    vor 3 Jahren, 10 Monaten

    Als Ergänzung:

    @j93579

    dir ist hoffentlich klar, dass der CSS-Code die Bilder nur versteckt, geladen werden sie bei dem Aufruf mit Smartphone/Tablet trotzdem. Der Block-Editor (Gutenberg), also der Standard-Editor von WordPress (seit WP 5.0) bietet da leider keine andere (schnelle) Möglichkeit. Will sagen, wenn es dir um die Ladegeschwindigkeit geht, hilft dir das „Ausblenden“ nichts.

    Thread-Starter j93579

    (@j93579)

    vor 3 Jahren, 10 Monaten

    Guten Abend zusammen,

    prima, das tut genau, was es soll. Vielen Dank an den Code und den erläuternden Kommentar.

    Viele Grüße
    JS

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Das Thema „Hintergrundbilder für Handy + Tablet ausblenden“ ist für neue Antworten geschlossen.