HELP! I’m trying to add a custom HEADER

• 

  imaprile · Member · Jan 21, 2010 at 3:45 am

  • Copy link
  • Add topic to favorites

  I’ve been very successful thus far with CSS code lately, however I can’t get my WHOLE new custom header to work. The width is the same as it was pre-CSS Upgrade, the height has been changed to 400px. I thought I had to go through the ‘Custom Header’ tab in APPEARANCE first, but this of course made me crop it. Can someone please help.
  Also, it seems that the menu bar needs to move down (have more padding?) but I’m not sure how to do this. Please help, someone…. my blog looks FUNNY!
  Thanks a bunch!

  Code I used:

  #header {
  border-bottom:5px solid #333333 url(http://imaprile.files.wordpress.com/2010/01/customheader1.jpg);
  position:relative;
  width:920px;
  height:400px;
  padding:20px 0 10px;
  }
  the header image: http://imaprile.files.wordpress.com/2010/01/customheader1.jpg
  http://imaprile.com

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

• 

  devblog · Member · Jan 21, 2010 at 3:48 am

  • Copy link

  border-bottom:5px solid #333333 url(http://imaprile.files.wordpress.com/2010/01/customheader1.jpg);

  This property is wrong…

  Try this instead

  border-bottom:5px solid #333333;
  background: transparent url(http://imaprile.files.wordpress.com/2010/01/customheader1.jpg) 0 0 no-repeat;

• 

  imaprile · Member · Jan 21, 2010 at 3:57 am

  • Copy link

  You’re AWESOME!!!! Thank YOU! Any idea how to get my menu bar to move down? :)

• 

  devblog · Member · Jan 21, 2010 at 4:20 am

  • Copy link

  add this to the “#nav” definition:

  margin: 200px 0 0;

• 

  imaprile · Member · Jan 21, 2010 at 4:31 am

  • Copy link

  it worked!!!! Thank you SO VERY MUCH! My Blog is really coming together nicely, thanks to ALOT of help from people like you! Thanks again!

• 

  devblog · Member · Jan 21, 2010 at 4:36 am

  • Copy link

  don’t mention it.

• 

  imaprile · Member · Jan 21, 2010 at 4:58 am

  • Copy link

  one more thing… if you’re able. Can you please point out the code I should look for the allow more space between the bottom of the header and the top blog post (title)? To me, it appears too close together. I’ve tweaked everything I can think of in Firebug, but nothing budges. Thank you if you can help. :)

• 

  imaprile · Member · Jan 21, 2010 at 5:04 am

  • Copy link

  UPDATE: I figured out (FINALLY!) how to lower the blog title from the header area, however now I can’t figure out how to lower the top sidebar area down to even it out? ANY help is again, appreciated.

• 

  devblog · Member · Jan 21, 2010 at 5:23 am

  • Copy link

  Add this definition to your CSS

  #sidebar{margin: 30px 0 0;}

  30px is a suggested value… you might need to adjust it.