how do I change colour of footer in child theme

Hi chinergie,

I’m no css expert, but you need to put the altered css into your child theme’s style.css file.

For example:
footer#footer .colophon { /* footer container */
background: #e9e9ef; /* Off-white */
}
will change the footer container background to an off-white.

You may need to clear your browser cache in order to see the changes take effect.

Hi @chinergie

I am confused by what you ask. The footer is the gray area. Your logo is in the header.

Here is what I did to change the footers on my sites. (You’d use your own color, of course.)

footer#footer {
background-color: #008881;
}

PS: I love your photos.

What I mean is that I would like to change the footer colour (background) into the same colour as my logo (grey/blue). Does that make sense now?
I will try what you wrote Deb.
Can I copy it and change the colour and put it into the css style sheet of my child theme?

Thanks for helping and reacting.

Debby

And thanks for the compliment about my photos. It took me some time to gather the pictures that represent my work and philosophy.

#bcd9df is the color of your logo, using a color-picker tool. So try:

footer#footer {
background-color: #bcd9df;
}
or
footer#footer {
background-color: #bcd9df ! important;
}
in your child theme.

@chinergie: Now the color makes sense! Good idea. Your site will definitely match what you do.
You wrote:
“Can I copy it and change the colour and put it into the CSS style sheet of my child theme?”

Yes, exactly, and if you don’t have the color of the logo from your original artwork, @darthtater was nice to discover and provide the color. (But always best to go back to original artwork if you can.)

@darthtater is providing more detailed code but I have not ever needed that. I have used this theme and my code on 4 or 5 websites and it has always worked. The site I copied that code from is now 3 or 4 years old. (TalesOfTravelAndTech.com) He added — !important — which forces code to override any other code that may conflict but I haven’t had such a need. Maybe if you alter your footer further you would need to add it.

In my own site, I had once added a font size to that footer code but that stopped working. Now I wonder if using !important would help me. I’ll play with that sometime.