Look out for the #header
and insert background: #888
in it.
#header {
float: left;
width: 71%;
text-align: right;
background: #888
}
The color can be replaced with any color of your choice.
The following screenshot is what you will end up with. The red outline is the header section outlined by the Web Developer extension.
You just learned how to insert a hex color code in the global.css
file to modify the header background color.
Is there a way to change the background color in one section?
Look up the CSS file and see the sections which may be modified to make it easier for you.
Looking back, there are many sections you need to dig through in the CSS file. There is an alternative route to it, but you need to be sure that you are not confusing yourself by inserting new properties into the ID selectors within the global layout section...