How to get a logo to appear in my header

Hi,

I would like to add a new logo to my website banner, but this is proving difficult. My website banner only allows me to upload a logo to a small section in the middle of the banner, and I can’t get it to look right.

Whilst I have been able to add a version of my logo that contains text into the centre of my banner, it’s too small (this is not what’s displaying currently on my site, I changed it back to how it was).

I have also managed to add the logo using the Header Right widget area (again, this is currently not displaying on my site). The trouble is this squashes the existing text over to the left, when I want it to remain centred.

What I really want to do is keep the large, white, centred text on my header *exactly as it is* and add a logo (a version of my logo with no text) over to the right of my banner.

I’ve added this logo version with no text to my site for now (circle with a leaf and TS inside) so that you can see it.

Is it possible to do this with CSS? (I am already using CSS in my header, kindly contributed by someone here about a year ago, to make my header text appear white as my theme’s default is black).

Thanks in advance,

Tanya

The page I need help with: [log in to see the link]