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

Hintergrundbild an Blockgröße anpassen und mitscrollen

Dieses Thema im Forum "Allgemeines" wurde erstellt von brumbaer0, 5. Juli 2025.

  1. brumbaer0

    brumbaer0 Member

    Registriert seit:
    17. Juni 2025
    Beiträge:
    6
    Zustimmungen:
    0
    Schönen guten Morgen,
    bin auf der suche nach dem passendem Therm der mir das Hintergrundbild mitscrollen lässt aber auch auf die Blockgröße anpasst.
    Aktuell habe ich diese zusätzliche CSS hinterlegt für diese Seite:

    .main-content {
    background-color: rgba(255,255,255,0.6);
    }
    body.page-id-1338 {
    background-image: url("https://manipura-elements.com/wp-content/uploads/2025/06/pier-407252_1920.jpg");
    background-repeat: no-repeat; /* sorgt dafür, dass das Bild nicht wiederholt wird */
    background-attachment: fixed; /* sorgt dafür, dass das Bild nicht mitscrollt */
    }


    dieses fixed passt mir zwar das Bild auf die Seite an so weit so gut aber der Text (Block) scrollt über das Bild
    auch wenn ich den Therm änder scrollt das Bild zwar mit aber wird nicht angepasst auf die Größe.

    Kann mir hier kurz wer weiterhelfen das beide vorgaben funktionieren? Bild angepasst auf Größe sowie mitscrollen.

    Link zur Seite: https://manipura-elements.com/testseite/

    Vielen Dank im voraus schon mal.
     
  2. OWS

    OWS Well-Known Member

    Registriert seit:
    16. September 2019
    Beiträge:
    86
    Zustimmungen:
    12
  3. brumbaer0

    brumbaer0 Member

    Registriert seit:
    17. Juni 2025
    Beiträge:
    6
    Zustimmungen:
    0
    Hallo OWS, perfekt vielen Dank. Hat einiges so geregelt wie gewünscht ;) Kannst du mir evtl. noch weiterhelfen beim Abstand einfügen zwischen Header und main-content? Hätte gerne einen Abstand zwischen der halb transparenten weißem main content box und dem Bild im Header bzw. dem Header. genauso sollte am Ende auch noch einmal ein Abstand zwischen weißem Block und Fußzeile sein. ich finde leider nicht die passende Einstellung. Sei es in den Einstellungen im Theme CSS oder die nötigen Zeilen die in die personalisierten CSS zu schreiben sind.:(
    Bildschirmfoto 2025-07-13 um 11.49.27-min.png
     
  4. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    12.483
    Zustimmungen:
    1.945
    Mit eigenem CSS könntest Du es damit versuchen:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  5. brumbaer0

    brumbaer0 Member

    Registriert seit:
    17. Juni 2025
    Beiträge:
    6
    Zustimmungen:
    0
    Hy b3317133,
    Klappt perfekt( aktuell nur am Händy schnell getestet, zuhause dan definitiv am PC)..vielen Dank
     
  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