Changing colours on Twenty Ten

first up, read up on child themes
https://go.rvoodoo.com/WPchild

you shouldn’t make edits to the twentyten theme as you will lose your edits

Once you have that going colour changes will take place in the new style.css

the nav bar is well commented in twentyten’s css

in the menu section this here

#access {
	background: #000;
	display: block;
	float: left;
	margin: 0 auto;
	width: 940px;
}

controls the bg of the nav menu. you could change that in your child theme style.css

the bar above the header image is a bit different, the space at the very top is part of the whole site background. The white part behind the site name, etc can’t be changed by itself (without heavier coding) as it’s the same background colour used by the entire site, wherever you see white

First, create a child theme so your theme won’t break every time there’s a Twenty Ten update.

Then, edit your new child theme’s style.css file to change your colours as desired. Look at the source code of your site (or in the header.php file) to find the appropriate classes and IDs to tweak in your CSS.

Thank you both for your help, all sorted.

Ah very good! Glad you got it!

Excellent! If you would please mark this thread as “resolved” it would be appreciated. Helps everyone keep better track of whose issues are still outstanding. Thanks!

Hi

Back again. I have deleted my old blog and reinstalled a new WP blog to my domain address so the address is now https://www.mydomain/blog. I have created a child theme of twentyten and amended the child style.css with new title colours and header bar colours, as before however it will not work.

Do you have to do something different if the blog is hosted on your own site ?

Many thanks