1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

WP 5.4 mit CSS background-image für mobil ändern

Dieses Thema im Forum "Design" wurde erstellt von alhai, 11. November 2020.

  1. alhai

    alhai Well-Known Member

    Registriert seit:
    11. Oktober 2014
    Beiträge:
    85
    Zustimmungen:
    0
    Hallo;

    ich habe in einem Wordpress-Theme ein Hintergrundbild eingebunden, dieses ich aber mobil anders haben will, also tauschen eben.

    das Bild ist so eingebunden ( Quellcode )!

    <style type="text/css" id="custom-background-css">
    body.custom-background { background-image: url("https://xxxxxxxxxxxxxxxx/wp-content/uploads/2020/11/metallbau-fiedler.jpg"); background-position: left center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
    </style>

    für mobil will ich jetzt ein anderes Bild einbinden, folgendes habe ich in der CSS-Box des Themes versucht:

    @Media only screen and (max-width:768px){
    body.custom-background {
    background-image: url("
    https://xxxxxxxxxxxxxxxxxxxxxxxx/wp-content/uploads/2020/06/metallbau-fiedler-mobil.jpg
    "); background-position: left center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;
    }}

    Leider funkt das nicht, was mache ich für einen Fehler? Kann jemand helfen, danke!

    VG / alias alhai
     
  2. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.463
    Zustimmungen:
    247
    stimmt die Reihenfolge der CSS Anweisungen?
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden