Can I insert a header image instead of site title & description in sight theme?

• 

  skyblueguy · Member · Jan 16, 2013 at 10:34 pm

  • Copy link
  • Add topic to favorites

  When I uncheck the option ” Show header text with your image”, the site title and description is hidden.
  However, the position of the site title and description would not be removed. (Please refer to: http://skyblueguy.files.wordpress.com/2013/01/site-title-blank.jpg )

  Is there any way to replace the site title & description with a header image in the “sight” theme?

  Thanks for your help.

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

• 

  timethief · Member · Jan 16, 2013 at 10:37 pm

  • Copy link

  Yes. The image must be 580px × 149px. You upload it here > Appearance > Header

• 

  timethief · Member · Jan 16, 2013 at 10:38 pm

  • Copy link

  RATS! I did it again. I forgot to look at the forum this thread was in. It’s in the CSS editing forum. I’m sorry.

  See > http://en.support.wordpress.com/custom-design/editing-css/#maintaining-your-custom-header

• 

  skyblueguy · Member · Jan 16, 2013 at 10:48 pm

  • Copy link

  Really thanks for your prompt answer.
  And thanks for the link.

• 

  timethief · Member · Jan 16, 2013 at 10:53 pm

  • Copy link

  You’re welcome and best wishes.

• 

  skyblueguy · Member · Jan 16, 2013 at 10:58 pm

  • Copy link

  I tried the code in the page at: http://en.support.wordpress.com/custom-design/editing-css/#maintaining-your-custom-header

  Now the site title and description disappeared. But there is a white section in upper right corner:

  

  Can I delete this blank section to extend the header image?

  Thanks.

• 

  timethief · Member · Jan 16, 2013 at 11:00 pm

  • Copy link

  @skyblueguy
  Sorry but I don’t help with CSS editing. Please be patient while waiting for someone who does or for Staff to help you.

• 

  designsimply · Member · Jan 23, 2013 at 8:05 pm

  • Copy link

  To remove the header image and text as well as the right side search box from the Sight theme and add in your own custom header image, remove the CSS you were using for the header before and add this after replacing YOUR_IMAGE_URL with a link to an image you have uploaded to your media library that is sized to 975 x 150 pixels:

  .header-nav-search-container {
  	display: none;
  }
  
  .site-header hgroup {
  	background: url(YOUR_IMAGE_URL) no-repeat;
  	width: 975px;
  }

• 

  skyblueguy · Member · Jan 24, 2013 at 12:02 am

  • Copy link

  Really thanks for your help.

  I think, the height of the image cannot be adjusted, right?

• 

  designsimply · Member · Feb 13, 2013 at 2:27 pm

  • Copy link

  The height can be adjusted. Just upload an image that’s the height you want, and add a “height” rule to the “.site-header hgroup” block in the example above that matches your image’s height.