Jump to content
Sign in to follow this  
davidzatzcom

WHPro Header Graphic CSS mod to fill area?

Recommended Posts

davidzatzcom    0
davidzatzcom

I've been poking around with Firebug, trying to find the right set of CSS selectors and attributes to make a header graphic fully fill the header area, to the edge of the blue on the left to the edge of the blue on the right, and to the edge of the blue menu bar. Could you recommend a good CSS line I can add to the custom CSS to let my header fit properly? Right now, I can align the top and bottom, but I can't get it to fit on the left correctly. Thanks!

Share this post


Link to post
Share on other sites
Andrew    201
Andrew

I believe if you add a 960px image as your header graphic, it should fill the entire width.

Share this post


Link to post
Share on other sites
davidzatzcom    0
davidzatzcom

Nope... It offsets to the right about 12 pixels. It also offsets up a few pixels. What I'm trying to understand is how to get it to go back to the left to align properly on the left side. Here's a screenshot of an exactly 960 pixel wide image aligning wrong: 960widewhperror.jpg Ignore the icons on the blue, I just grabbed a quick test image to look at offset. But I want that to align properly with the end of the WHPro blue on left, right, bottom and (hopefully) top. Thanks.

Share this post


Link to post
Share on other sites
Andrew    201
Andrew

oh... I see. I think you might just want to change the padding on the header to fit your needs... add something like this to custom CSS: `#header{padding: 5px}` tweak it until you find what your looking for.

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  

×