Hello all,

I'm trying to expand the logo area background color across the entire screen while keeping the current width of the page itself.

Also trying to do the same for the page menu image and also with the footer color.

The logo and menus are part of the container on the page. You could experiment with making the body the full width of the page, and use the left, left inner, right inner and right sidebars and don't put any widget in the left and right sidebars, just use the inner ones.

This way the left and right sidebars would be empty giving you an indent look on both sides

Interesting I'll play with this, my concern is that the page menu will expand the width of the screen. Is there a way to keep it inline with the center column?

Also how do I get get the logo flush with top of the screen?

Thanks, JD!

UPDATE: I've played with this but I can't seem to get the page to span the the screen width. Which command is it?

Style & configure LAYOUT
If you use %pages or %pages-right it will go to the edge of the page, but you could use %pages-center

I tried playing with the idea. It didn't work for me tell me more about %pages-center. Where would I use that and what other coding do I need?

Thanks

%pages-center - see 'Configure Header Area'

Originally Posted by juggledad

%pages-center - see 'Configure Header Area'

Thanks for the reply. Tried that but the page menu is centered but it doesn't stretch across the screen. Check my site out to see what I mean. I have done some custom menu work it...

ALSO a few other issues... How do you get rid of the "default" widgets in the left and right sidebars which I'm using as padding for my site. I don't want anything to show up in the L & R sidebars, I'm using the inner side bars for the side bar function.

Finally, I want to get rid of the white padding around the edge of the page. I can't figure out how to get that done.

Thanks, again.

ALSO a few other issues... How do you get rid of the "default" widgets in the left and right sidebars

add a widget there - you can add a text widget and enter ' ' and you will get one space so it won't show

That works a bit, but still leaves the formatting in the widget present. I'm still dealing with the page menu bar only showing up in the center and then nothing. Also the logo is way off in the left corner.

is there no way to do width and height adjustments to fix this problem? or simply just resize your image and turn off the automatic resize?

Just my $.02 worth. How about using an image like this screenshot repeated horizontally as a background image, use just the outer sidebars, and a fixed width site? That would give you the blue and brown across the whole screen but your logo and menu would be in the center as it appears you want them. You will have to tweak the positioning of the header and menu to line up properly.

I think I'm trying to do something similar. My site is http://theboatgalley.com and the problem occurs when looking at the site in Firefox or Chrome (haven't checked with other browsers) with a wide-screen monitor and no bookmarks or anything taking up width.

I'm using fluid width at 100%, with a max-width of 1200 to limit resizing. BUT I'd like to eliminate the max-width restriction on just the header, so that the orange bar will go all the way to the left and right sides of the screen, with the content then in the center. A good example of what I want to achieve is to look at Facebook, where their dark blue strip goes across the whole width, with the real content in the center at what I assume are their max-width settings.

I'm attaching screen shots to show what I'm talking about (I cropped them just to show the upper left corner to keep the size reasonable). It's a little hard to see the problem here, because the background for this reply is white and so is the problem area, but just know that there's a white area to the left of the orange bar if you look at my site on a wide-screen monitor over 1200 pixels.

Is there any way to do this?

As mentioned in my last post you need to create a background image that matches up with your header colors. Yours would be similar to this screenshot.

But then if I have a fixed width site, won't it show just the left side on smaller screens? Or is there some way to get it to load the center? Or like this site, where the light blue shows all around on a wide screen, but just the white gets re-sized on smaller screens (or a wide screen with bookmarks on the side)?

Thanks for your help, I'm really confused on this and want to have a decent-looking site for large monitors.

The site by default is centered whether you have a fixed or fluid width. The image I am talking about will just show as much on the left and right of the content area as there is room for it. Here is an Atahualpa site that uses a background image. If you right click on the background and select view image you will see what I mean. The image is repeated horizontally and looks like it is part of the header image but it just matches up with it.