editing the background color in the header and footer of the Kubrick theme

There’s no background color in either the header or the footer on your site – only background images.

Okay, so how do I eliminate the image for the header and footer?

https://www.movethefence.com

you see there is a .png as the header img but there should not be showing anything at the top. it should just be a shadow

understand?

essintially, where is that color coming from? The #page, the H1, or the Header style? and how do i get rid of it?

There’s no additional background color or image. The grey is coming from your header image (part of the drop shadow, to be precise) which is too large to actually fit into the page.

so i need to make the page height larger?

Im apologize for all the questions I just need an asnswer that would help me resolve my problem

Okay, so here is myu question. How do I push down the page a couple of pixels in order to see my .png correctly?

Try changing:

#page {
background-color:white;
border:1px solid #959596;
margin:80px auto;
padding:0;
width:760px;
}

to

#page {
background-color:white;
border:1px solid #959596;
margin:80px auto;
padding:5px 0 0;
width:760px;
}

in style.css

Thanks emsi for the help. I understand excatly what you where talking about with the background being this bgwide image I tried the

#page {
background-color:white;
border:1px solid #959596;
margin:80px auto;
padding:5px 0 0;
width:760px;
}

and it seemed like it pushed the actual header image down but not the page 5px; i.e.

https://www.movethefence.com

I need to push the page down instead of the header img

It would be a godsend if i could figure this one out!

Does anyone know what I’m talking about? Can anyone help, please!!!!!?????

a bit of change in the header.php – moving the #page div a bit further down:
from this:

<div id="page">

<div id="header">
	<div id="headerimg">
		<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
		<div class="description"><?php bloginfo('description'); ?></div>
	</div>
</div>
<hr />

to this:

<div id="header">
	<div id="headerimg">
		<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
		<div class="description"><?php bloginfo('description'); ?></div>
	</div>
</div>
<hr />
<div id="page">

and then in style.css:
around line 240 – change the margin values from this:

#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
	}

#header {
	background-color: #73a0c5;
	margin: 0 0 0 1px;
	padding: 0;
	height: 200px;
	width: 758px;
	}

to this:

#page {
	background-color: white;
	margin: 0px auto 20px;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
	}

#header {
	background-color: #73a0c5;
	margin: 20px auto 0px;
	padding: 0;
	height: 200px;
	width: 758px;
	}

no guarantee, not tested, ??