Support » Themes and Templates » editing the background color in the header and footer of the Kubrick theme

  • Since I am using a transparent .png in the header what I need to do is to figure out how to eliminate the background-color for the header and the footer in the Kubrick theme. i.e. http://www.movethefence.com I need to know where its coming from and how to delete it!

    Thanks

Viewing 11 replies - 1 through 11 (of 11 total)
  • There’s no background color in either the header or the footer on your site – only background images.

    Thread Starter kylepoyser

    (@kylepoyser)

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

    http://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?

    Thread Starter kylepoyser

    (@kylepoyser)

    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.

    Thread Starter kylepoyser

    (@kylepoyser)

    so i need to make the page height larger?

    Thread Starter kylepoyser

    (@kylepoyser)

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

    Thread Starter kylepoyser

    (@kylepoyser)

    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

    Thread Starter kylepoyser

    (@kylepoyser)

    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.

    http://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!

    Thread Starter kylepoyser

    (@kylepoyser)

    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, 😉

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘editing the background color in the header and footer of the Kubrick theme’ is closed to new replies.