How to insert a background image in CSS

• 

  dianebourque · Member · Aug 2, 2008 at 6:34 pm

  • Copy link
  • Add topic to favorites

  Hi again!

  I am using the CSS upgrade on my blog – http://dianebourque.com – I use the Chaos Theory Theme.

  I was wondering whether it was possible to insert an image in the Header of my blog. Instead of seeing “Blogue de Diane Bourque à Montréal” – I’d like to replace this Header with an image.

  Thanks!!!

  Diane

• 

  rosclarke · Member · Aug 2, 2008 at 8:22 pm

  • Copy link

  Diane, you should be aware that there is no staff support for CSS and very few people on the forums who know what they’re doing with it. Basically, you’re usually on your own. For something as straightforward as inserting a header image, search the forums and use the tutorials listed at the top of the page. If you’re looking for someone to give you the code, I’m afraid you’re in the wrong place.

• 

  boblets · Member · Aug 3, 2008 at 12:26 am

  • Copy link

  in your header selector in css, add something like this.
  background: url(URLofImage/nameOfImage.jpg);

• 

  vivianpaige · Member · Aug 3, 2008 at 12:43 am

  • Copy link

  Actually, she’s trying to add a header to a theme that doesn’t have one (despite the topic title). It can be done – I did it using The Journalist as explained here https://en.forums.wordpress.com/topic.php?id=23377&replies=1

• 

  investlogic · Member · Aug 19, 2008 at 7:03 am

  • Copy link

  Hi Guys,
  I want help on two things, I am new to this blog, if these questions are too raw please excuse and help me out.
  I want to insert images on my blog, which need to be in the background (behind the text). See the footer image on my blog investlogic.wordpress.com Image alignment does only left right and centre. Can I do something like this ? If Yes, How. Please help.

  Second, I noticed on few blogs that they have put images on their side bars. How Do I do that ?
  I am using the Blix theme by Sebastian Schmieg

• 

  thesacredpath · Member · Aug 19, 2008 at 7:06 am

  • Copy link

  This FAQ, which I got by searching for “image in sidebar” will help you out: http://faq.wordpress.com/2006/10/18/put-an-image-in-your-sidebar/

• 

  thesacredpath · Member · Aug 19, 2008 at 7:07 am

  • Copy link

  Actually, I searched for “image in text widget.”

• 

  dianebourque · Member · Sep 10, 2008 at 5:10 pm

  • Copy link

  Thanks to everyone. With your help, I managed to add a header image at http://dianebourque.com.

  I uploaded the image on WordPress (could be somewhere else on the web), and then edited the header h1 like this in the CSS:

  #header h1 {
  text-align:center;
  background:url(‘http://mllemartini.files.wordpress.com/2008/09/blogue_header3.jpg’) top center no-repeat;
  height:150px;
  width:780px;
  text-indent:0;
  font-family:Helvetica, Arial, “Lucida Grande”, “Lucida Sans”, Verdana, sans-serif;
  font-size:44px;
  font-weight:normal;
  margin:0;
  }