Hintergrundfarbe HINTER dem WP Theme ändern?

  • Hallo liebe Forengemeinde.

    Ich heiße Rainer, komme aus Stuttgart, bin 39 Jahre alt, und sitze derzeit an der Erstellung einer einfachen Vereinshomepage. Inzwischen habe ich durch Lesen von Büchern, Foreneinträgen und einem bißchen TryAndError geschafft Wordpress zu installieren und teils durch Änderungen der style.css etwas im einfachen Rahmen an meine Wünsche anzupassen. Über wirkliche Kenntnisse was CSS, PHP, HTML und ähnliches betrifft, verfüge ich allerdings nicht, lerne aber täglich dazu und habe zum Glück eine Ehefrau, die das geduldig mit(er)trägt.

    Ich arbeite mit Ubuntu 16.04 LTS und der Domain und dem Wordpress-Plugin sowie dem Theme "Gambit" (nicht die Pro-Version) bei Strato sowie mit Filezilla für den FTP Upload veränderter Dateien.

    Hier meine Frage:

    Ich habe die Hintergrundfarben im Theme in der style.css weitestgehend als Gelb (#ffff22) definiert. Wordpress setzt das auf allen Seiten problemlos um. Leider ist mir aufgefallen, dass die Farbe AUSSERHALB des Themes im Browser als Dreckig-Gelb (#eeee22) dargestellt wird. Dies konnte ich nur per Rechtsklick im Browser mit der Funktion "Seitenquelltext" oder "Element untersuchen" auf der Startseite herausfinden. (siehe hierzu auch meine beiden Dateianhänge...)

    Leider weiß ich nicht, welche Datei ich hierzu ändern muss, um die Farbe anzupassen. Ich finde keine html-Datei und keine sonstige Datei, in der die Farbe hinterlegt wäre, ich kann auch nicht den Namen der Datei auslesen, die die Startseite darstellt und in der die Farbe #eeee22 hinterlegt ist.

    Kann mir hier bitte jemand einen Tip geben und mir helfen?

    Viele liebe Grüße, Rainer

    • 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

  • um dir helfen zu können, benötigen wir einen Link, damit wir das html/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]


  • Ich habe die Hintergrundfarben im Theme in der style.css weitestgehend als Gelb (#ffff22) definiert. Wordpress setzt das auf allen Seiten problemlos um. Leider ist mir aufgefallen, dass die Farbe AUSSERHALB des Themes im Browser als Dreckig-Gelb (#eeee22) dargestellt wird. Dies konnte ich nur per Rechtsklick im Browser mit der Funktion "Seitenquelltext" oder "Element untersuchen" auf der Startseite herausfinden. (siehe hierzu auch meine beiden Dateianhänge...)

    Leider weiß ich nicht, welche Datei ich hierzu ändern muss, um die Farbe anzupassen. Ich finde keine html-Datei und keine sonstige Datei, in der die Farbe hinterlegt wäre, ich kann auch nicht den Namen der Datei auslesen, die die Startseite darstellt und in der die Farbe #eeee22 hinterlegt ist.

    Kann mir hier bitte jemand einen Tip geben und mir helfen?

    Viele liebe Grüße, Rainer

    view-source:http://xn--kuzchen-5wa.com/wp-content/themes/gambit/style.css

    Zeile ab 693 spielen dir einen Streich

    HTML
    /*--------------------------------------------------------------
    # 9.0 - Header
    --------------------------------------------------------------*/
    .site-header {
    	background: #ffff00;
    }

    deaktivieren oder ändern...

    Mit offenen Augen träumen

  • Huhu r23

    Ich hab das zwar in

    /*--------------------------------------------------------------
    # 9.0 - Header
    --------------------------------------------------------------*/
    .site-header {
    background: #ffff[COLOR=#ff0000]22[/COLOR];
    }

    geändert. Die Farben im WP-Theme passen mir ja soweit. Aber mein Problem ist der Seitenrand ausserhalb des WP Themes. Hier ändert sich leider nix, der bleibt bei #eeee22.

    Siehe auch das angehängte Bild oben. Wenn ich die Seitendarstellung noch kleiner mache, sieht man es deutlicher, siehe aktueller Dateianhang hier im Post. Die obere HELLgelbe Zeile (#ffff22) entspricht dem, was ich in der style.css ändern konnte und auch dem, was ich haben möchte. Nur der DUNKELgelbe (#eeee00) Rand drumrum links und rechts und unterhalb, den hätte ich so gerne in der gleichen HELLgelben (#ffff22) Farbe...


    Liebe Grüße, Rainer

    Einmal editiert, zuletzt von r3n3 (5. Juni 2017 um 20:11)

  • Trage das mal in den 'Customizer', 'zusätzliches CSS' ein

    CSS
    .wide-layout .site-content-wrap {
        background: #ffff22 none repeat scroll 0 0 !important;
    
    
    
    
    
    
    }
  • Guten Abend Hille

    Yeeeehaaaa, das hat funktioniert. Links und rechts ist jetzt die Wunschfarbe da.

    Dunkelgelb ist es jetzt nur noch unten, wenn man den Browserausschnitt extrem verkleinert (~50% und kleiner, siehe Anhang). Soweit kann man aber im Normalfall nicht scrollen.

    Was das Dunkelgelb grundsätzlich betrifft... Kann mir das einer erklären weshalb das vorhanden ist? Ich habe das so nicht eingestellt und nicht verstanden, weshalb eine Farbumrandung ausserhalb des WP-Themes überhaupt in dieser Farbe existiert. Ich hätte etwas "neutrales" wie weiß oder schwarz erwartet.

    Was Deinen Code betrifft, ich muss morgen erst mal den Hintergrund dieser Eingaben nachlesen... Ich habe es jetzt halt mal reinkopiert, aber inhaltlich noch nicht verstanden. Eine Frage habe ich aber noch diesbezüglich: Ist diese Eingabe nur unter "zusätzliches CSS" im Customizer möglich, oder kann ich die auch direkt in der style.css unterbringen? Wenn ja, wo?


    Allen hier im Thread vielen Dank für Eure Hilfe!

    Liebe Grüße, Rainer

  • Hallo r3n3,

    ich weiß hat mit Deiner Frage nicht viel zu tun, aber Du scheinst eine Menge umzubauen und zu ändern.
    Glaube da sollte man über ein Child-Theme nachdenken bevor mal bei einem Theme update alles weg ist.
    LG
    Matrix

  • Guten Morgen Matrix

    Ja da hast Du auch wieder recht. Danke für den Hinweis. Gedanklich war ich noch gar nicht beim Theme-Update, das hab ich ehrlich gesagt bisher verdrängt. :roll: So weit bin ich glaub ich nur noch nicht in der Materie drin.

    Liebe Grüße, Rainer

Jetzt mitmachen!

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