Changing Header Bottom Border to IMG

• 

  imaprile · Member · Jul 10, 2010 at 3:15 am

  • Copy link
  • Add topic to favorites

  I’m trying to change the current 10px bottom border underneath my custom header to this http://imaprile.files.wordpress.com/2010/07/kevinandamanda-fall2009-ricrac-lightpurple-2-e1278730899286.png

  But, as usual tonight, I can’t figure it out! I don’t know if it’s because the header can only have one url linked in, or ???

  Can anyone help? I’d really appreciate it!

  April
  http://imaprile.com

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

• 

  hallluke · Member · Jul 10, 2010 at 12:00 pm

  • Copy link

  You want to change the current background you have to be part of the #title then you can use #header to replace the bottom border.

  lh

• 

  imaprile · Member · Jul 10, 2010 at 4:22 pm

  • Copy link

  No, I simply want to replace the current 10px brown border line under my header area to the image above. Can you help? Thanks!

• 

  imaprile · Member · Jul 10, 2010 at 4:23 pm

  • Copy link

  Also, I want to keep my current header image, again, just trying to replace the bottom border to the image above.

• 

  hallluke · Member · Jul 10, 2010 at 5:04 pm

  • Copy link

  Sorry, it wasn’t a question. What you need to do is add the header image using CSS with #title rather than with #header. Then you can use #header to replace the bottom border with your image.

  #title {background-image:url("HEADERIMG");}
  #header {background-image:url("BORDERIMG");}

  You might need to alter the margins and paddings and image positioning too.

  lh