Misaligned header in Under the Influence theme

• 

  windwhistle · Member · Jul 28, 2011 at 5:22 pm

  • Copy link
  • Add topic to favorites

  I’ve done a lot of minor tweaking to Under the Influence, but have been unable to get a full-sized (980 x 180) custom header to align properly. It sticks out too far to the left by, say, 20 px or so. So far, to deal with this, I’ve stuck to headers with white backgrounds. Could someone suggest a bit of code that would get these headers to align properly? Check my test blog at http://columnb.wordpress.com/ to see how misaligned a dark header appears. Thanks in advance for any help with this.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jul 28, 2011 at 6:32 pm

  • Copy link

  On your header background declaration you have to specify “center” for the horizontal alignment.

  #header {
  background: url("http://columnb.files.wordpress.com/2011/06/influence_skyline2.png") no-repeat scroll center 0 transparent;
  }

• 

  windwhistle · Member · Jul 28, 2011 at 8:27 pm

  • Copy link

  That didn’t work. Following your lead, however, I tried specifying “right” instead of “center,” and that fixed it. I’d refer you to the result, but it’s only visible as a preview (don’t have CSS upgrade on test blog). With this syntax, will I have to manually update the declaration every time I change the header? I’m guessing I will. Anyway, thanks for your help once again. :)

• 

  designsimply · Member · Jul 28, 2011 at 10:18 pm

  • Copy link

  Hm, that actually looks like a possible bug. I’ll see if I can help get it sorted.

• 

  windwhistle · Member · Jul 28, 2011 at 10:49 pm

  • Copy link

  That would be great, especially for those without the CSS upgrade. Nobody wants a misaligned header.

• 

  thesacredpath · Member · Jul 29, 2011 at 2:21 am

  • Copy link

  Hmmm, ‘center’ worked in Firebug for me.