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

  • Author
    Posts
  • #1128224

    skyblueguy
    Member

    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 mygodchristahnsahnghong.com.

    #1128334

    timethief
    Member

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

    #1128336

    timethief
    Member

    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

    #1128343

    skyblueguy
    Member

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

    #1128348

    timethief
    Member

    You’re welcome and best wishes.

    #1128355

    skyblueguy
    Member

    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.

    #1128357

    timethief
    Member

    @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.

    #1128559

    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;
    }
    #1128561

    skyblueguy
    Member

    Really thanks for your help.

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

    #1128583

    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.

The topic ‘Can I insert a header image instead of site title & description in sight theme?’ is closed to new replies.