Jump to content
Sign in to follow this  
penny772

seperate header from page background

Recommended Posts

penny772

Hi there I had it briefly but on my site http://latrobefineartgallery.com.au/ I want to seperate the header from the white page behind it. I would like the header then the white piece as a seperate thing and the navigation in with the header. thanks cant find the right css

Share this post


Link to post
Share on other sites
cmunns

Take the color OFF of the #page-canvas and add your background color to `#page-main {background:#FFF;}`

Share this post


Link to post
Share on other sites
penny772

Hi adam,this is a site that has pretty much what i want http://www.digitalheavens.co.uk/ you can see where he has clouds i will have black and how he has several segments where his boxes ext are i just want one white one that goes until i hit my footer. Did this help? and heres what i have so far and i feel that a few of these rnt doing anything :) body{ } #boxes h3 {text-align:center;} #soapbox .dcol-pad{border:4px solid #put custom color in here;} #cred{display:none;} #pl_jewellery{border:/*#C0C0C0*/} #page-canvas {background-color: none;} #page-canvas {margin: 0 auto; padding: 0px; } #page-canvas{ -webkit-border-radius:10px; -moz-border-radius:10px; } #branding .content-pad {padding: 0px;} #branding {margin-top:10px;} .page-id-84 .eStore-fancy3 { border: 2px solid; padding: 20px; color: #C0C0C0;} Again thank you for your help.

Share this post


Link to post
Share on other sites
catrina

To clarify: do you want a white background behind the black boxes that goes down to the footer (leaving the cloud image visible above the boxes)?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
penny772

Hi catrina other way round clouds = black background dark blue slightly transparent boxes = white but he has several semi transparent boxes i just want one to put everything on (all my information) thats not connected to my header and nav

Share this post


Link to post
Share on other sites
catrina

Ah, okay. Well, you'll need to change the background color in Design Control to black and remove the cloud background image. As for the dark blue semi-transparent boxes, you'll need a semi-transparent white image to replace what's there.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
penny772

you are a legend catrina, that site is an example of what i want here is mine http://latrobefineartgallery.com.au/ Instead of all the different transparent boxes with the text etc in it i just want one a white one.

Share this post


Link to post
Share on other sites
timlinson

The digitalheavens design is quite advanced, but the banner spacing only requires this: `#branding .content-pad {background:white;margin-bottom:25px;}`

Share this post


Link to post
Share on other sites
timlinson

The digitalheavens site is able to do that because it uses a transparent canvas. If they were to set their canvas to white, you would see the exact same behavior.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×