CSS for centering header on Benevolence

  • Unknown's avatar
    ashleykphotography · Member ·

    I would like to center my header and so far have not been successful. Any specifics would be greatly appreciated. http://ashleykphotography.wordpress.com/. Even better would be to change the CSS to accept a header that is the width of the blog. Right now, the default only accepts 700 px wide. Any pointers? Thank you!

  • Unknown's avatar
    iqatrophie · Member ·

    Any specifics would be greatly appreciated.

    #masthead {
    background:transparent url(http://ashleykphotography.files.wordpress.com/2008/08/header_hands.jpg) no-repeat scroll center 0%;
    }
    Have a try with “center”. :)

    Even better would be to change the CSS to accept a header that is the width of the blog.

    As far as I can see it, you have already changed the CSS for the header.
    #masthead {
    width:900px;
    }
    So why not just uploading a 900px wide header image and referencing it within the CSS. Just replace “http://ashleykphotography.files.wordpress.com/2008/08/header_hands.jpg” with the URL of the uploaded, 900px wide image file.

  • Unknown's avatar
    ashleykphotography · Member ·

    Thanks… I’m sure you were having a bit of a laugh… I am CSS impaired!!! I really appreciate it. (and as far as the header goes, it’s in the uploading. the default MAKES me crop it to 700×255… have no idea how to get around that… but it’s ok… centered makes me happy enough :)

  • Unknown's avatar
    boblets · Member ·

    upload the header as a normal image to your media library. Then it can be practically whatever size you want, providing your header field is defined in the css as the right size. Does that make sense?

  • Unknown's avatar
    rosclarke · Member ·

    If you’re using the CSS upgrade, you shouldn’t also be using the custom header uploader.

  • The topic ‘CSS for centering header on Benevolence’ is closed to new replies.