I want to replace my Header text with an image logo..

• 

  thesacredpath · Member · Apr 19, 2013 at 7:38 pm

  • Copy link

  And thank you for the kind words.

• 

  foodiesagenda · Member · May 27, 2013 at 5:28 am

  • Copy link

  Hello Sacredpath,

  I’m hoping you can help me too? I’m actually experiencing a similar & have new to the whole CSS code writing thing. At the moment I’ve hidden my header text, however I’d actually like to have my logo at the top of my page instead. Do I need to save my logo image as a similar size to the above? Am I limited to the amount of space my logo can take? my website is http://www.foodiesagenda.com

  Your help would be HUGELY appreciated

• 

  designsimply · Member · Jun 7, 2013 at 6:08 pm

  • Copy link

  At the moment I’ve hidden my header text, however I’d actually like to have my logo at the top of my page instead.

  Top of the page as in the top of the entire content area?

  In any case, you can attach a background image to most anything. Here’s a basic example showing how to add an image to the top left as a background in the header:

  #branding {
  	background: url("http://s.wordpress.org/about/images/wordpress-logo-notext-bg.png") top left no-repeat;
  }

  I used the WordPress logo as an example—you can change out the url() value to use your own image instead.

  Aside: just a quick note to say that replies on old threads might not always get seen, so it’s often a good idea to create a new help request and just link back to a previous conversation if needed.