Support » Allgemeine Fragen » Seiten Hintergrundfarbe ändern Theme Flat

  • Ich habe jetzt einige Seiten angeschaut, einige codes kopiert auf page.php style.css usw aber nichts hat funktioniert:

    Ich würde gerne den Hintergrund auf den einzelnen Seiten ändern. Nicht den Hintergrund hinter den Seiten, sondern den Hintergrund der Seite selber, da wo der Text drin steht.

    Im style.css von meinem Theme Flat habe ich folgenden eintrag gemacht:

    secondary .toggle-sidebar {
        display: none;
        visibility: hidden;
    	body {
        background-color: #000000;
    .site {
        background-color: #000000;
        padding: 0 1.71429rem;

    hat aber nichts gebracht. Wo kann man den die Hintergrundsfarbe sonst noch bestimmten? Gibts ein Plugin?

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Hallo keahnig,

    die Hintergrundfarbe für den Bereich, wo der Text drin steht, änderst Du im style.css an dieser Stelle:

    #primary {
        background: #fff;
        padding: 0
    }

    Wenn Du dort statt #fff einen anderen Wert einträgst, ändert sich die Hintergrundfarbe.

    PS: Nicht vergessen: Du solltest Deine Änderungen im Theme immer in einem Child-Theme erledigen. Sonst werden sie beim nächsten Theme-Update überschrieben.

    Thread-Starter keahnig

    (@keahnig)

    vielen herzlichen Dank

    ich habe dies in den Style css kopiert, hat aber nichts geändert. Zudem habe ich den Farbcode im Style auch geändert, ohne erfolg. Style sieht so aus:

    /*
    Theme Name: Flat
    Theme URI: http://www.yoarts.com/wordpress/free-flat-design-wordpress-theme.html
    Author: YoArts
    Author URI: http://www.yoarts.com/
    Description: Flat is a WordPress Blog Theme designed by YoArts. We would like to say that Flat is both beautiful and charming at the same time.
    Version: 1.4.3
    License: GNU General Public License v3 or later
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
    Text Domain: flat
    Tags: black, orange, white, white, dark, light, two-columns, responsive-layout, left-sidebar, custom-background, custom-colors, custom-menu, editor-style, post-formats, custom-colors, translation-ready
    
    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you've learned with others.
    */
    .sticky {}
    .bypostauthor {}
    
    #secondary .toggle-sidebar {
        display: none;
        visibility: hidden;
    	body {
        background-color: #D3D3D3;
    .site {
        background-color: #00FFFF;
        padding: 0 1.71429rem;
    #primary {
        background: #00FFFF;
        padding: 0
    }
    }
    }

    was ist falsch?

    Die Klammern sind falsch. So muss das:

    #secondary .toggle-sidebar {
    display: none;
    visibility: hidden;
    }
    body {
    background-color: #D3D3D3;
    }
    .site {
    background-color: #00FFFF;
    padding: 0 1.71429rem;
    }
    .container, #primary {
    background: #00FFFF;
    padding: 0
    }

    PS: Ich habe Deinem Code die Klasse .container hinzugefügt. Damit die Hintergrundfarbe auch bei wenig Inhalt (Content kürzer als Sidebar) gleich bleibt.

    Thread-Starter keahnig

    (@keahnig)

    herzlichen Dank Heiko jetzt klappts wunderbar, kann als resolved markiert werden. Falls jemand deine Antwort findet habe ich hier noch den Link zu einem Farb Generator:

    Thread-Starter keahnig

    (@keahnig)

    doch noch eine abschliessende Frage, ich habe jetzt ein Child Theme erstellt und aktiviert. Daraufhin haben sich die Ramen beim Menu links etwas verschoben. Je nach Menupunkt den ich angeklickt habe, ist der Ramen etwas nach rechts verschoben. Daraufhin habe ich dann wieder die flat theme aktiviert aber das Problem blieb das selbe. Wie kann ich das korrigieren?

    Thread-Starter keahnig

    (@keahnig)

    man sieht das Problem schon auf der ersten Seite:

    Das liegt an dem padding: 0 aus diesem Code von Dir:

    .container, #primary {
        background: none repeat scroll 0 0 #f9f7ed;
        padding: 0;
    }

    Ich würde die Zeile mit padding: 0 komplett entfernen. Keine Ahnung, warum du sie brauchen könntest.

    Gruß, Torsten

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Das Thema „Seiten Hintergrundfarbe ändern Theme Flat“ ist für neue Antworten geschlossen.