Hi,

I have been struggling for days to fix a customization problem in my bbpress forum: I want to extend the header to the end of the page but when I do that, it knocks out the sidebar to the bottom of the page.

It seems like a simple customization but I can’t do it!

My page is polina-such.freehostia.com/bbpress. You will see that the header does not go all the way across.

If you can help, please contact me at rlebowitz AT yahoo.com. I think it should be short customization.

Thank you!!!

Robert

[@kevinjohngallagher Member 14 years, 10 months ago]

Hi Robert,

I’m guessing really but i’d suggest:

in style.css

Line 31:

#header, #posts {

width:760px;

}

should read:

#header, #posts {

width:[input new width];

}

in style.css

Line 45:

#header h1 {

background:url(“images/jillijheader4.jpg”) no-repeat scroll center top #999999;

border-bottom:1px solid #999999;

font-size:2em;

height:182px;

line-height:80px;

width:760px;

}

should read:

#header h1 {

background:url(“images/jillijheader4.jpg”) no-repeat scroll center top #999999;

border-bottom:1px solid #999999;

font-size:2em;

height:182px;

line-height:80px;

width:[input new width];

}

replace [input new width] with either a fixed width (1000px) or a percentage (100%).

Good luck

[@ashfame Participant 14 years, 10 months ago]

Its good to have people like Kevin here.

People don’t need to shell out money for small fixes.

P.S. - I am going home tomorrow (for a small vacation) or else I would have left my email ID here

[@rlebowitz10463 Member 14 years, 10 months ago]

Hi Kevin,

Thank you for your reply. The problem is, when I do what you suggest to widen the header, the sidebar gets pushed away to the bottom of the screen.

To explain better what I mean, here are two screenshots.

My header is only 75% of the way across:

http://tinypic.com/view.php?pic=ouodqd&s=6

What happens when I extend the header:

http://tinypic.com/view.php?pic=29c5e08&s=6

Again, I would be willing to hire someone to make the fix in the css.

Thank you!

Robert

[@colinabsolutely Member 14 years, 10 months ago]

Robert,

If you look around line 242 you’ll see the following

#sidebar {

float: left;

width: 180px;

margin: 0 0 0 0px !important; /* fixes 3-pixel bug */

position: relative;

top: 10px;

}

I think if you delete the following lines it will solve your problem:

position: relative;

top: 10px;

Hope this helps

Colin

[@rlebowitz10463 Member 14 years, 10 months ago]

Hi Colin,

Thanks, but no, the sidebar still jumped to the bottom.

I ended up hiring someone and I think it did the trick…now I have to figure out what he did!

Thanks anyway though,

Robert