Change my Header Txt to an image.

• 

  aktattoos · Member · Dec 22, 2011 at 2:07 am

  • Copy link
  • Add topic to favorites

  Im trying to edit the Banner/ Header area at the top of my blog that has a welcome txt. Anyone know how to add a image to my banner/ header area through custom css? Please be descriptive. Using Funki theme

  Thanks!

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

• 

  thesacredpath · Member · Dec 22, 2011 at 2:20 am

  • Copy link

  You’re talking about the site title that says “Welcome To The Basement?”

• 

  aktattoos · Member · Dec 22, 2011 at 2:39 am

  • Copy link

  Yes

• 

  thesacredpath · Member · Dec 22, 2011 at 2:47 am

  • Copy link

  That can be done. The area up there right now would support an image about 150px tall and about 1000px wide if you were wanting to go full-width, but the image can be narrower.

  Get your image together, upload it to the media library, get the URL and post it here and we can help you with that.

• 

  aktattoos · Member · Dec 22, 2011 at 3:02 am

  • Copy link

  http://imageshack.us/photo/my-images/515/logoul.png/ here is the link to the image, i dont know where the media library is located on wordpress.

  Also im not trying to span the whole length of the banner, just the size of the image that i have uploaded.

• 

  thesacredpath · Member · Dec 22, 2011 at 3:36 am

  • Copy link

  In the navigation at the left side of the dashboard, hover over “media” and then click “add new” and upload the image and get the URL.

  Here is the image at 150px tall. Download it to your computer and then upload to your media library, get the URL of that image and replace the image URL in the code below (between the double quote marks) with the URL of your image. I routinely clear out my media library on my test blog so that image might disappear in a day or two or week or two.

  #site-title {
  background: url("http://flippintestblog.files.wordpress.com/2011/12/logoul-150.png") no-repeat scroll left 30px transparent;
  height: 155px;
  }
  
  #site-title a {
  display: block;
  padding-left: 165px;
  }

• 

  aktattoos · Member · Dec 22, 2011 at 5:16 am

  • Copy link

  It worked. But I need to resize it to get it to fit. Thanks for the help!

• 

  thesacredpath · Member · Dec 22, 2011 at 5:49 am

  • Copy link

  You are welcome.

  I forgot to give you the image URL that I did if you want to use it. Just download it to your computer and then upload it to the media library.