StudioPress Community Forums

StudioPress Community Forums (http://www.studiopress.com/support/index.php)
-   General Discussion (http://www.studiopress.com/support/forumdisplay.php?f=7)
-   -   Lifestyle Header - Full Screen Width (http://www.studiopress.com/support/showthread.php?t=17601)

Anu 11-28-2009 10:29 AM

Lifestyle Header - Full Screen Width
 
What I would like to achieve is something similar but with the header .. Make a full width header outside of the wrap.

viewtopic.php?f=8&t=7350&start=0&hilit=full+width+ footer

Thanks

Debra 11-28-2009 11:16 AM

Re: Lifestyle Header - Full Screen Width
 
open header.php and find

<div id="wrap">

now place this either at the bottom of the file or just before the navbar id depending on your preference.

then you will need to adjust this

#header {
background: #85ACAC url(images/header.png);
width: 960px;
height: 100px;
color: #FFFFFF;
font-size: 11px;
margin: 0px;
padding: 0px;
overflow: hidden;
}

to something like

#header {
background: #85ACAC url(images/header.png);

height: 100px;
color: #FFFFFF;
font-size: 11px;
margin: 0px auto 0px;
padding: 0px;
overflow: hidden;
}

Anu 11-28-2009 11:57 AM

Re: Lifestyle Header - Full Screen Width
 
Got it to work.. I also had to remove body width from here. :clap: Thanks Debra, You rock,lady.

body {
background: #E2DDCB;

color: #333333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}

Now I have to figure out a few margin/space/padding stuff :bang:


All times are GMT -5. The time now is 03:03 AM.

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.