Hintergrund nur auf einer Page ID ändern? CSS Frage

  • Hallo Community,

    ich versuche gerade für eine bestimmte Seite (liegt Momentan nur lokal) das Hintergrundbild zu wechseln.

    So ist das Standard Hintergrundbild eingefügt:

    Code
    body {
        background-image: url('#{$style_image_path}pageBG.jpg');
        background-position: center top;
        background-repeat: no-repeat;
        background-color: #000;
        background-size: cover;
        background-attachment: fixed;
    }

    Jetzt möchte auf der Page mit der id="68" ein anderes Hintergrundbild einsetzen und habe folgenden CSS Code verwendet:

    Code
    body[data-page-id="68"] {
        body{
            background-image: url('#{$style_image_path}pageBG1.jpg') !Important;
        }

    doch es tut sich nichts. Hat da jemand einen kleinen Rat für mich?

    LG M.Schmitz

  • Einfach das doppelte body raus streichen. Das macht da keinen Sinn. Hast du im oberen Beispiel ja auch nicht gebraucht.

    Und das !important kann auch weg. Das wirst du im Zweifelsfall nicht brauchen.

    Code
    body[data-page-id="68"] {
        background-image: url('#{$style_image_path}pageBG1.jpg');
    }

    Sollte dann eigentlich passen.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!