Creating larger header image width for theme Manifest

  • Unknown's avatar
    charlottelawrence · Member ·

    http://charlottelawrence.wordpress.com/

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

  • Unknown's avatar
    designsimply · Member ·

    I used another image URL from your site as an example. Here’s one way to add a larger header image for the Manifest theme:

    #header-image a img {
display: none;
}

#header-image a {
display: block;
background: url(http://charlottelawrence.files.wordpress.com/2012/03/428016_10150622740783481_516888480_9117483_1126560270_n.jpg) no-repeat;
width: 700px;
height: 200px;
}

    Change the link starting with http:// to an image you choose, preferably one that you have uploaded to your media library.

    Adjust the width and height numbers to match the size of your image.

    That only affects the header image though, and so you’ll probably also want to widen the entire theme. You can do that with this CSS:

    #site-wrapper, #core-content, #main-nav ul ul, #comments h3, legend span, #footer, .footer-content {
width: 700px;
}

    Adjust the width to match your header image width. You should also update the limit width on your Appearance → Custom Design → CSS page to match.

  • The topic ‘Creating larger header image width for theme Manifest’ is closed to new replies.