Änderung der Hintergrundfarbe einer Seite

  • Hallo zusammen,

    ich wende mich erneut verzweifelt an Euch. Ich möchte auf einer einzigen Seite die Hintergrundfarbe ändern. Google und die Suchfunktion hier brachten nur wenig Hilfe. So wie es aussieht, liegt die Antwort irgendwie in
    .postid-1110 { background-color: #ededed; }
    oder
    body.page-id-1110 { background-color: #ededed; }

    Diesen Code soll in Child theme style.css eingefügt werden, aber ganz genau wie und ganz genau wo, konnte ich nicht finden. Ich vermute, so schwierig wird es nicht sein.

    Ich danke Euch für jede Hilfe.

    P.S. Theme ist Twenty Twelve.

    Der Blog ist nur im Konzern-Intranet abrufbar. Aus dem Grund kann ich keinen Link zum Blog angeben.
    WP 4.9 // Theme Twenty Twelve

    • 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

  • Für reine css Änderungen würde ich mittlerweile kein Child mehr anlegen, es gibt ja mittlerweile das Custom CSS im Backend unter Design.

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

  • Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

  • Für reine css Änderungen würde ich mittlerweile kein Child mehr anlegen, es gibt ja mittlerweile das Custom CSS im Backend unter Design.


    Das kenne ich, aber es ist mir nie gelungen etwas dort zu ändern, und der Code bleibt nie gespeichert. Aber durch das Versuchen ist der Hintergrund überall grau und das Hintergrundbild wird nicht mehr angezeigt. Meine Verzweiflung wächst.

    Ich werde echt wahnsinnig. Ich schaffe es nicht mein Hintergrundbild wieder herzustellen. Ich habe jetzt Folgendes 5x versucht:

    Auf Customizer gehen
    Links "Hintergrundbild" wählen
    Aus der Mediathek das Bild wählen
    Auf "veröffentlichen" klicken.

    Im Editor wird nun das Hintergrundbild richtig angezeigt. Sobald ich die Seite ansehe, ist der Hintergrund grau, ohne Bild.

    Ich verstehe die Welt nicht mehr.

    Übrigens: Ich glaube, der "Hintergrund" ist nicht, was ich ändern möchte. Der Teil einer Seite, wo Text, Bilder usw. ist eher ein breiter Streifen mit weißem Hintergrund mittig im Bildschirm, der etwa 2/3 des Bildschirms einnimmt. Der restliche Platz links und rechts davon scheint der echte Hintergrund zu sein. Ist das vielleicht ein "div" und das ganze dahinter der "body"? Alle Hintergrundänderungen, die ich im Internet finde, beziehen sich auf "body". Auch mein nun grauer Hintergrund (statt das hierfür vorgesehe Foto) ist hinter dieser Steifen, der weiß wie Schnee bleibt.

    Was ich erreichen möchte, ist auf dem ganzen Bildschirm im Hintergrund ist das Foto. Dieser weiße Streifen davor soll auf einer einzigen Seite (die Gallerie der Mitglieder) einen grauen Hintergrund haben. Muss ich vielleicht ein "div" mit dem entsprechenden Code ändern?

    Der Blog ist nur im Konzern-Intranet abrufbar. Aus dem Grund kann ich keinen Link zum Blog angeben.
    WP 4.9 // Theme Twenty Twelve

    Einmal editiert, zuletzt von maxe (25. April 2018 um 10:38)

  • vermutlich hast du die Hintergrundfarbe geändert - wie das aus deiner Frage ja auch ersichtlich ist. Und durch diese Formatierung ist das Hintergrundbild überschrieben...
    Aber was willst du denn nun erreichen? Hintergrundbild oder Hintergrundfarbe?

  • gib uns mal einen Link zum Blog, dann können wir mal ins CSS/HTML schauen.

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

  • gib uns mal einen Link zum Blog, dann können wir mal ins CSS/HTML schauen.


    Hallo Maxe,

    es handelt sich um einen Blog im Intranet, von außen nicht erreichbar. Gerne kann ich vielleicht per Copy&Paste den Code hier posten?

    vermutlich hast du die Hintergrundfarbe geändert - wie das aus deiner Frage ja auch ersichtlich ist. Und durch diese Formatierung ist das Hintergrundbild überschrieben...
    Aber was willst du denn nun erreichen? Hintergrundbild oder Hintergrundfarbe?


    Hallo Sailor, ich möchte auf jeder Seite ein Bild als Hintegrund haben. Auf einer Seite möchte ich eine Gallerie der Mitgleider erstellen, mit dem Plugin Team Members. Mit diesem Plugin ist der Text unter den Fotos auf einem weißen Hintergrund.

    Es ist schwierig zu erklären. Im Blog, wo alles dargestellt wird, ist eine art Streifen, alles weiß, dahinter der eigentliche "Hintergrund". Dieses Weiß möchte ich hinter den Fotos der Mitglieder in grau ändern, damit die Kästchen unter den Fotos hervorgehoben wird.

    Gerne kann ich ein Bildschirmfoto senden.

    Der Blog ist nur im Konzern-Intranet abrufbar. Aus dem Grund kann ich keinen Link zum Blog angeben.
    WP 4.9 // Theme Twenty Twelve

    Einmal editiert, zuletzt von maxe (25. April 2018 um 10:38)

  • wenn du nur den Mittelteil meinst, also nicht den kompletten Body, würde ich mal sowas in der Art probieren:

    Code
    body.page-id-1110 div#page{background-color: #ededed;}

    Edit: Irgendein kopierter Code oder Bildschirmfotos bringen bei solchen Problemen leider gar nichts. Da muss man schon das zugehörige HTML in Zusammenarbeit mit dem CSS sehen.

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

  • Irgendein kopierter Code oder Bildschirmfotos bringen bei solchen Problemen leider gar nichts. Da muss man schon das zugehörige HTML in Zusammenarbeit mit dem CSS sehen.


    Da muss ich @maxe absolut Recht geben. Du solltest dich mit den Webentwickler - Funktionen deines Browsers vertraut machen, dann kannst du, solange der Link nicht öffentlich zu sehen ist, selbst die Identifikation der Elemente deiner Seite durchführen und damit Änderungen am CSS nach deinen Vorstellungen durchführen.
    Um die Tools (hier den Inspektor) zu starten, klicke einfach mit der rechten Maustaste auf das Element, welches du untersuchen möchtest und wähle dann im Kontextmenü den Punkt 'Element untersuchen'. Je nach Browser kann das auch etwas anders heißen, aber sinngemäß was mit 'untersuchen'.
    Es sollte sich dann der Inspektor öffnen und mit etwas Übung kommst du dann sehr schnell an die benötigten Informationen.

  • Ich danke euch beiden für eure Hilfe. Ich habe den ganzen Code durchsucht und keine Änderung des Hintergrunds mehr gefunden. Dennoch bleibt das Bild weg. Das Problem wird sich hier nicht lösen lassen, denn von außerhalb kann keiner den Blog anschauen. Ich muss vielleicht jemand kommen lassen. Vielen Dank nochmal und schönen Tag noch.

    UPDATE: Ich konnte das Problem endlich lösen, wenn auch nicht wirklich elegant. Das Hintergrundbild konnte ich mittels CSS Editors wieder herstellen:

    Code
    body {
    background-image: url("Mein_Bild.jpg");
    }

    Um die Farbe des mittleren Teils zu ändern, musste ich die Post-ID verwenden.

    Code
    .post-1127 {
    background-color: #EDEDED;
    color:#000000;
    width: 950px
    }

    Der Blog ist nur im Konzern-Intranet abrufbar. Aus dem Grund kann ich keinen Link zum Blog angeben.
    WP 4.9 // Theme Twenty Twelve

    Einmal editiert, zuletzt von maxe (25. April 2018 um 15:20)

  • ach, es ging gar nicht um eine Seite, sondern um einen Beitrag :eek::rolleyes:

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