mit CSS background-image für mobil ändern

  • 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/upl…bau-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/upl…edler-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

    • 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

  • stimmt die Reihenfolge der CSS Anweisungen?

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!