StudioPress Community Forums
  StudioPress Community Forums > Forums > General Discussion
For help and support, access to your downloads, or to manage your account please log into My StudioPress.

These forums have been set to read-only so you can browse the existing topics for any questions you may have.

For general discussion on WordPress, CSS and design (NOT for support) visit the new Community Forums.
 
 
Thread Tools Display Modes
  #1  
Old 11-28-2009, 10:29 AM
Anu's Avatar
Anu Anu is offline
Registered User
Pro Plus Member
 
Join Date: May 2009
Location: Northern Virginia
Posts: 85
Default 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
  #2  
Old 11-28-2009, 11:16 AM
Debra's Avatar
Debra Debra is offline
Community Moderator
 
Join Date: Oct 2009
Location: Ontario, Canada
Posts: 13,365
Default 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;
}
__________________
Fat Cat Designs | "Creativity takes courage." Henri Matisse

Make life easier use FireFox and these Customizing tools: Firebug - Web Developer

New to Genesis? See our Guide for Beginners!

Recommended StudioPress Designer
StudioPress on Facebook
  #3  
Old 11-28-2009, 11:57 AM
Anu's Avatar
Anu Anu is offline
Registered User
Pro Plus Member
 
Join Date: May 2009
Location: Northern Virginia
Posts: 85
Default Re: Lifestyle Header - Full Screen Width

Got it to work.. I also had to remove body width from here. 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
 

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Full Width Header still indents, how do I remove space on left of header? afarley General Discussion 3 04-07-2010 11:16 AM
Lifestyle Footer - Full Screen Width GeorgeO General Discussion 2 03-29-2009 09:14 PM


All times are GMT -5. The time now is 07:37 PM.

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