Jump to content
Sign in to follow this  
jgbr

headache with design control

Recommended Posts

jgbr

Hi guys Im trying to do this wXr8A.jpg I just dont seem to be able to get the right combo of settings. can someone advise? thanks.

Share this post


Link to post
Share on other sites
catrina

The footer should be full-width no matter what, so that can be left alone. Have you already changed your Site Design Mode to Full-Width Design With Canvas (Settings > Design Control)?


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
jgbr

I have but ive been messing with all three options to try and replicate this. The footer is not the problem, its having the seperate header full width and two side areas as static background.

Share this post


Link to post
Share on other sites
jgbr

no just a colour, but obviously that colour needs to be either side of the content area. the content area is just white.

Share this post


Link to post
Share on other sites
catrina

You can set the background color in Design Control > Basic Layout Colors > Body Background Color As for the full-width header, CSS can be used to make it full-width. What's your current site design mode?


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
jgbr

Full width design with canvas i can get most of it to work, its just the full width top banner thats the issue.

Share this post


Link to post
Share on other sites
jgbr

afraid its running on local host i only need the header to be full width with a background colour and im done.

Share this post


Link to post
Share on other sites
kastelic

What I sometimes do to acheive this is to place an empty div in your site somewhere at the very top. (you can use a hook to do this). Make this div position:absolute, width:100%, and the height of your header. Then you can give it a background color or repeating texture. Might have to play with z-index to get it to sit behind your header. CSS tutorial: http://www.w3schools.com/css/default.asp Hoods doc: http://www.pagelines.com/docs/base-child-theme

Share this post


Link to post
Share on other sites
jgbr

Many thanks any chance for some sample code to do this?

Share this post


Link to post
Share on other sites
jasonfoo

Try setting it to "full-width design framework" as I have my site similarly set up to how you want it.

Share this post


Link to post
Share on other sites
jgbr

That does not allow for full width header colour, different margin and content area colours tho? so just the same problem from a different angle.

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  

×