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.
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.
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:
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?
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