Hi please see attached image, how do I change the colour of the parts Ive indicated to a yellow colour?

You could alter the blue using theme magic but to change both using custom.css try adding this to the custom.css file

#logo {background: #4a6d8b;}

#logowrap .container {
background: #121212;
}

Cheers
Paul

Also Happy Christmas

Hi Paul, thanks for the reply. It changed nothing when I placed the custom.css file there. Any idea why?

Do you have a link for the site so I can take a look?

Cheers
Paul

tst.drkwesi.com

The custom.css is exactly as you entered above.

Hi

Do you have the custom.css file enabled?

Also you are running css compression - can you disable it

Cheers
Paul

I'd suggest not running any compression during the build/development of the site

Cheers

All compression is turned Off

thanks

I wasn't clear in my answer but these are the current values so you need to change them to the colours of your choice

Cheers
Paul

#logowrap .container {
background: #121212;
}

does not seem to be having any effect....

Both are now yellow - is that the effect you were looking for?

Cheers
Paul

Yes it is! now how can I change the background and the social, panel, and menu items?

#t3-off-canvas {} for the sidebar off canvas

You have a background image currently for the background

.modal-dialog .moduletable {} for the panel - you will need padding as well

social #right-inner-col #socialicons span {}

Cheers
Paul

Add you background colour values as required

Cheers
Paul