WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Centering Header Image (4 posts)

  1. katemclaughlin
    Member
    Posted 5 years ago #

    Here is the code I've used:
    <html>
    <head>

    <style type="text/css">
    body
    {
    background-image: url('http://katemclaughlinpoetry.katemclaughlin.net/wp-content/uploads/2009/04/grassy-header.jpg');
    background-repeat: no-repeat
    }
    </style>

    </head>

    <body>
    </body>
    </html>
    Here is what my header looks like: http://www.katemclaughlinpoetry.com/

    I want to center the image.
    How?

  2. vishal_hd
    Member
    Posted 5 years ago #

    background-image: url('http://katemclaughlinpoetry.katemclaughlin.net/wp-content/uploads/2009/04/grassy-header.jpg') center;

    that is what you need to center the image.

  3. katemclaughlin
    Member
    Posted 5 years ago #

    this didn't work. When I add - center; - as you suggest the header image disappears.

  4. katemclaughlin
    Member
    Posted 5 years ago #

    Experimented again...
    This worked:
    background-image: url('http://katemclaughlinpoetry.katemclaughlin.net/wp-content/uploads/2009/04/grassy-header.jpg');
    background-repeat: no-repeat;
    background-position: top center

Topic Closed

This topic has been closed to new replies.

About this Topic