Changing the colour of the top section

You’re already using a child theme, so you’re more than halfway there.

What you need to do is edit the file /wp-content/themes/attitude-child/style.css and add the following at the end of the file:

.bigContact-clearfix:before, .clearfix:after {
  background-color: #0000FF;
}

#access {
  background-color: #ffffff;
}

Just substitute the “0000FF’ with the color code of the color you want for the background of that area. I included the code of blue (#0000FF) just to show you what area you’re changing the color of, but it will singe your retinas if you leave it that color. ; )

That isn’t working? The colours remains white regardless of what code I use

Try this:

.bigContact-clearfix:before, .clearfix:after {
  background-color: #0000FF !important;
}

#access {
  background-color: #ffffff !important;
}

Nothing at all. After my line where I import the old theme in my style.css Should I have anything else or just copy this code?

Just to clarify, I want to change the section where my logo is.

Thanks for the help man!

Have you tried;

#branding .container {
 background: red;
}

?

That’s weird. It worked for me when I tried it. You may need to clear your browser cache (usually, Ctrl + F5), and/or delete the cache if you are using some caching plugin.

that works but it doesn’t sit properly… https://indieconstruction.co.uk/

Yeah, I tried that first and it didn’t get the entire area you’re wanting to change.

See recommended code below.

When I change ‘0000FF’ Nothing happens

When I change ‘ffffff’ this happens: https://www.indieconstruction.co.uk

I wanted the top section where my logo was to change. Sorry about this guys I’m a complete noob

I know why what I told you isn’t working. Those classes are gone now. You must have changed something that did away with them, maybe?

Now when I just add this:

#branding {
  background-color: blue;
}

it works.

Try that and take out the stuff I gave you earlier.

I don’t want the menu to be that colour though? Just the top section. Is that possible with this theme?

It should be possible. That’s what this was for:

#access {
  background-color: #ffffff;
}

That would make the menu white, but it could be any color you want.

Here’s what I have currently:

/*
Theme Name: Attitude-child
Template: attitude

*/

@import url(“../attitude/style.css”);

.bigContact-clearfix:before, .clearfix:after {
background-color: #0000FF !important;
}

#access {
background-color: #ffffff !important;
}

Try this instead:

/*
Theme Name: Attitude-child
Template: attitude

*/

@import url("../attitude/style.css");

#branding {
  background-color: #0000ff;
}

#access {
  background-color: #ffffff;
}

I don’t see another background-color declaration, so you may not need the “!important,” but if the above doesn’t work you can add it.