Background links und rechts vom Header

  • [COLOR=#222222][FONT=Verdana]HalloLeute,[/FONT][/COLOR]

    [COLOR=#222222][FONT=Verdana]ich habe seit einiger Zeit das Theme Parabola ([/FONT][/COLOR][FONT=Verdana]http://menschenplanet.de/ [/FONT][COLOR=#222222][FONT=Verdana]installiert und auch schon ein paar Änderungen vorgenommen. Geht bei diesem Theme ja einfach. Ein Childtheme habe ich auch schon erstellt und es funktioniert alles einwandfrei. Ich bin kein Anfänger mehr und kenne mich mit HTML einigermaßen aus, doch hat mein Wissen noch Grenzen. Deswegen würde ich mich freuen, wenn mir hier jemand helfen könnte.
    [/FONT][/COLOR]

    [COLOR=#222222][FONT=Verdana]MeinProblem:[/FONT][/COLOR]
    [COLOR=#222222][FONT=Verdana]Ich möchte den Hintergrund links und rechts vom Header und auch den Hintergrund der Navigationsleiste farblich ändern, kriege das aber nicht hin. Ich habe schon rumexperimentiert, doch nichts hat wirklich geholfen. Den Header-Background zu ändern ist ja einfach, doch dann wird nur der Background auf der Breite des Headers geändert, nicht jedoch links und rechts davon. Oder der Header rückt an den linken Rand, was ich natürlich auch nicht will. Der soll zentriert bleiben.[/FONT][/COLOR]

    [COLOR=#222222][FONT=Verdana]Ich habe schon gegoogelt, aber nichts gefunden, was mir hilft. Den einzigen Beitrag zu dieser Frage hier im Forum ist: „Links und rechts vom Header Farbe ändern“, von smoerre. Die dort vorgeschlagene Lösung ändert bei mir jedoch die Hintergrundfarbe vom [/FONT][/COLOR][COLOR=#222222][FONT=Verdana]Body [/FONT][/COLOR][COLOR=#222222][FONT=Verdana]und lässt den Headerbereich unberührt.[/FONT][/COLOR]
    [COLOR=#222222][FONT=Verdana]Deswegen mein Hilferuf an euch: Weiß jemand eine Lösung?[/FONT][/COLOR]

    [COLOR=#222222][FONT=Verdana]Für eine Lösung wäre ich sehr dankbar![/FONT][/COLOR]

    [COLOR=#222222][FONT=Verdana]Gruß,Stirzeltuff[/FONT][/COLOR]

    Einmal editiert, zuletzt von Stirzeltuff (16. März 2014 um 17:36)

    • 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

  • Hallo Mstemberg,

    danke für deine schnelle Antwort.

    Version 1

    [COLOR=#333333]#headerfull {[/COLOR]
    [COLOR=#333333]background:#ffffff;[/COLOR]
    [COLOR=#333333]}[/COLOR]

    bringt leider keine Veränderung.

    Version 2

    [COLOR=#333333]#header {[/COLOR]
    [COLOR=#333333]background: none repeat scroll 0 0 #EEE000;[/COLOR]
    [COLOR=#333333]}[/COLOR]

    verändert nur den Hintergrund vom Header (also den Hintergrund der Navigation), nicht aber die Bereiche links und rechts davon. (Schau´s dir auf meiner Seite an.)
    Ich habe die Zeilen bei Miscellaneous Settings eingefügt. Wenn ich die Zeilen bei meinem Childtheme einfüge, passiert auch bei Version 2 nicht!

    Vielleicht noch eine andere Möglichkeit?

    Gruß, Stirzeltuff

  • Seltsam....,

    bei dem screenshot stimmt´s!

    Folgende Zeilen habe ich in mein Childtheme reinkopiert und gespeichert:

    #headerfull {
    background: #ffffff;
    }
    #header {
    background: none repeat scroll 0 0 #EEE000;
    }

    Den broswer-cache habe ich vorsitzhalber gelöscht. Bei meinem Webhoster stehen die Zeilen auch in der style.css drin. Ich hab´s auch mit verschiedenen Browser versucht. Das Ergebnis ist leider immer noch das alte.

    Einen Fehler kann ich leider nirgendwo finden.

    Seltsam.....

  • Sag mal, ernste Frage: hast Du nicht verstanden, dass Du #ffffff und #EEE000 ändern sollst??

    Wenn Du das reinschreibst, was eh drin steht, musst Du Dich nicht wundern!! Ich empfehle dringend einen Grundkurs HTML/CSS.

  • Ich hatte die Farbwerte bereits verändert, schon vor deinem letzten Kommentar. Und die Farbe ist auch jedesmal anders, nur links und rechts ist es immer weiß. Welche Farbwerte würdest du den empfehlen, damit es so aussieht, wie bei deinem screenshot?

    Ich habe jetzt die Zeilen bei [COLOR=#333333]Miscellaneous Settings reinkopiert. Du findest sie im Quelltext bei Zeile 49-54.

    Und sorry, wenn ich dich mit diesem trivialen Problem nerve. Ganz der Laie bin ich aber nicht mehr. Hatte meine Seite schon komplett selbst geschrieben, inkl. CSS-Datei. Hat wunderbar geklappt. Da jedoch Responsivität immer wichtiger wird, bin ich zu Wordpress gewechselt.[/COLOR]

  • Sorry, Mstemberg,

    aber der Fehler lag bei dir:

    Es muss heißen: header-full und nicht headerfull. Jetzt funktioniert es!

    Und #header-full reicht völlig aus! Das anschließende #header ist überflüssig!

    Gruß
    Stirzeltuff

    Einmal editiert, zuletzt von Stirzeltuff (16. März 2014 um 22:41)

  • LOL - axo, zur der Transferleistung auf meinen Rechtschreibfehler bist Du also auch nicht fähig, sondern fügst lieber was ein, was bisher gar nicht drinsteht?

    Und #header war nur für den Fall, dass Du verschiedene Farben möchtest. Aber keine Angst, kommt nicht wieder vor.

  • Naja, ich hab mich halt blind drauf verlassen. Sollte man vielleicht nicht tun! Du hast deinen Schreibfehler ja auch nicht bemerkt. Ich war ja fähig .... nur hat es eine Weile gebraucht, bis ich gedacht habe: "Prüf mal nach, ob headerfull auch wirklich so geschrieben wird.

    Aber ohne deine Antwort auf meine Frage wäre ich niemals auf #header-full" gekommen.
    Deshalb ohne Ironie: Ehrlichen Dank!

    Im Grundkurs für HTML und CSS findet man sowas wie #header-full" aber nicht. Das ist schon was für Fortgeschrittene.

Jetzt mitmachen!

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