Hintergrund auf subpages

  • Liebes Forum,

    ich komme bisher ganz gut allein zurecht mit Wordpress und schaffe es kleinere Veränderung mühelos mittels CSS Anpassungen zu meistern. Nur ein Problem kann ich aktuell nicht lösen.

    Die Startseite meiner Homepage hat ein schönes und scharfes Bild, welches ich noch einmal unscharf in meinem Media-Center abgelegt habe. Nun möchte ich, dass dieses unscharfe Bild bei allen anderen Seiten als Hintergrundbild abgezeigt wird. Mit dem Plugin "Custom Background Changer" habe ich das versucht und das klappt auch, leider nur bedingt.

    Bei meinem Blog wird zwar auf der Hauptseite (.../blog) das unscharfe Bild angezeigt, jeder neue Eintrag (.../blog/eintragsname) wird aber wieder mit dem scharfen Bild angezeigt. Da ich ja nicht jede Seite einzeln editieren möchte würde ich gern wissen wie es möglich ist, dass alle Unterseiten von ".../blog" ein zugewiesenen Hintergrundbild (das unscharfe) erhalten können.

    Vielen Dank
    -Nick

    • 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

  • Du könntest versuchen über die Theme-Einstellungen das unscharfe Bild als Standardhintergrund einzustellen und dann über CSS nur für Startseite (mittels Selektion mit der Page ID) das scharfe Bild als Hintergrund zu wählen.

  • Ich habe nun herausgefunden, welche page ID meine Startseite hat (Nummer 8) und folgendes programmiert:

    body.page-id-8 {
    background-image: url(http://website/wp-content/uploads/2018/08/bild.png);
    background-repeat: no-repeat;
    background-position:center center;
    background-attachment: fixed;
    }

    Leider wird das Bild der Startseite nicht angepasst. Habe ich beim Code noch was vergessen?

  • musst du evtl. ein !important setzen, da die Theme-Einstellungen vermutlich inline-css sind?
    Stimmt die body class (schau da mal direkt in den Seitenquelltext)?

    [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]

  • So passt es:

    .page-id-8 .site-back-cover{
    background-image: url(http://website.de/wp-content/uploads/2018/08/background.png);
    background-repeat: no-repeat;
    background-position:center center;
    background-attachment: fixed;
    background-size: cover;
    !important;
    }

Jetzt mitmachen!

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