When I use the code below to change the color of the wrapper on the stock theme, the wrapper itself disappears. How do I fix that? Below is the code for the wrapper used in the CSS. I am just uploading a new file with the color I want and call it “page_header_tile1.png” and it takes off the old one without adding the new one.

#wrapper {

background: #fff url('images/page_header_tile.png') repeat-x 0px -15px;

}

Thank you.

[@chrishajer Participant 15 years, 2 months ago]

http://invictatrader.com/bbpress/my-templates/kakumeicopy/images/page_header_tile1.png

That file is not there. Where did you put the tile1.png file?

[@invtrdr Member 15 years, 2 months ago]

Sorry about that. I changed it to http://www.invictatrader.com/bbpress/my-templates/kakumeicopy/images/color.png thinking it was conflicting with the existing wrapper name even though I added the “1” to the new name. When I add that to the CSS it does not work and even removes the old wrapper across the top and bottom.

Thanks.

[@chrishajer Participant 15 years, 2 months ago]

Do you still need help with this? I see you’ve been working on the site.

What do you want to happen with that little green image? What should the forum look like when it’s working the way you want?

[@invtrdr Member 15 years, 2 months ago]

Yes please. What I am trying to get to is to get 2 similar bars about an inch or so in height across the page for the header and footer in same or different colors. Similar to the gray you see in the header and footer presently. Want to change that to green or something and have all text in it white.

Thank you very much.

[@invtrdr Member 15 years, 2 months ago]

Or would you recommend not using the wrapper and create a new nav bar at the top and bottom and put all the contents from the current theme in them? Not sure which way might be easier.

[@chrishajer Participant 15 years, 2 months ago]

If you just want solid green, don’t use an image. bbPress uses an image tiled across because there is a gradient in it. If you just want solid color, just set the background-color of the div to whatever you want it to me, and remove the reference to the background image url.

[@chrishajer Participant 15 years, 2 months ago]

The problem with that layout is that the header and footer and only 960px wide, so making the background color different will just go wide enough to fill the header and footer div, but will not go outside it to the #wrapper. If you want something all the way across the browser window, you will need to create a couple new divs, full width, and put the header and footer inside one of those each. Then, give that new div a background color.

[@invtrdr Member 15 years, 2 months ago]

Also, in wanting the nav bar to go across the page will setting “width” to auto do the trick? If not, can you please guide me on creating the divs to span across the page in the header and footer?

Thanks.

[@invtrdr Member 15 years, 2 months ago]

Thanks Chris. I think I might have resolved the issue with the wrapper. The png image height was the issue. Making it taller helped wrap it around. Click here http://www.invictatrader.com to see what I did. Just have to figure out the coloring of the text within so I can change it to a darker shade if needed.

Thank you.

[@chrishajer Participant 15 years, 2 months ago]

Yep, I see it now. I will mark this resolved.