Align header image in vigilance

• 

  arvindrajayadav · Member · Mar 17, 2011 at 8:04 am

  • Copy link
  • Add topic to favorites

  I have used custom CSS in my wordpress site to increase the width of the site. However, the header image of the site does not align properly, leaving a gap on the right side of the header. Here’s an image where I have highlighted the problem – http://dl.dropbox.com/u/6872630/blog%20head.png

  The theme I use is vigilance. I upload the header image via the header option, which limits the image dimensions to 920×180. Here’s the custom CSS I used to change the width:

  #wrapper {
  width:970px;
  }
  
  #sidebar {
  width:180px;
  }
  
  #content {
  width:770px;
  }

  How do I align that header image to center of the page? Is there a way to use a separate, wider header image if possible from outside the blog options?

  Any help would be great :)

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

• 

  panaghiotisadam · Member · Mar 17, 2011 at 9:05 am

  • Copy link

  Upload a 970px wide version of the image via Media > Add New, copy its URL, add this to your CSS:

  #title {background: url(“IMAGE URL HERE”);width:970px;}

• 

  arvindrajayadav · Member · Mar 17, 2011 at 9:24 am

  • Copy link

  Thanks a lot! It works like a charm.