Jump to content


Photo

WHPro Header Graphic CSS mod to fill area?


This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 davidzatzcom

davidzatzcom

    Advanced Member

  • Members
  • PipPipPip
  • 40 posts

Posted 21 November 2009 - 11:34 AM

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!

#2 arpowers

arpowers

    Founder

  • Administrators
  • 3254 posts

Posted 22 November 2009 - 03:25 AM

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

#3 davidzatzcom

davidzatzcom

    Advanced Member

  • Members
  • PipPipPip
  • 40 posts

Posted 22 November 2009 - 06:23 AM

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:

Posted Image

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.

#4 arpowers

arpowers

    Founder

  • Administrators
  • 3254 posts

Posted 22 November 2009 - 06:21 PM

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.