You can see here two sets of header backgrounds and logos. One background is part of my artwork and the other is connected to the template. I am in this situation because I was trying to create one single image that would accommodate both the main page background and also the menu background. But this is not a good option in my case because my background image doesn't scroll and it doesn't look good when the logo doesn't scroll with the body of the main page.
So now I just want to work within the template to achieve what I was trying to achieve with my artwork:
1. I want to replace the top header/menu background with my own image (the filmstrip) and change it's dimensions so that it's a bit taller.
2. I want to change the size and position of my logo: I previously tried to do this with the following code which I picked up from a separate related post, changing the height and width to match my logo:
h1#gkLogo a.cssLogo {
background: url("../images/style1/your_logo.jpg") no-repeat scroll 0 center transparent !important;
height: 80px !important;
width: 170px !important;
}
But then my logo disappeared completely.
