Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Header image is off center

  1. headheartstomach
    Member

    Hi there.

    I have a question about how to keep a custom header image centered or aligned with the page menu.

    I recently set up a new blog (http://departmentofpubliclife.wordpress.com/), Pilcrow theme + CSS Upgrade. I added a custom header and then manipulated the stylesheet to move the header image to the top of the blog. Problem is - on some computers the header image is off centre from the page menu, on others it's fine. Not sure why this is.

    I suspect my technique to force the image up to the top, is part of the problem. If there's a simpler way to keep the image up there than the method I've used, I'd love to know. I know I kind of 'meatballed' (as my friend likes to say) things to get the header image to work.

    Thanks so much people

    The blog I need help with is departmentofpubliclife.wordpress.com.

  2. timethief
    Member

    Have you noticed this sticky post at the head of this forum?
    http://en.forums.wordpress.com/topic/details-on-pressrow-replacement-pilcrow?replies=250

  3. headheartstomach
    Member

    Hi thanks for the response, but I'm not sure I see anything specific in my problem in that sticky post.

    I'm not having a conversion problem, simply want to know how to keep my header at the top & aligned with the central column of the blog. It's sliding all over the place now depending on which browser or computer I'm using.

    Any thoughts?

    Thanks.

  4. thesacredpath
    Member

    The CSS is quite messy and there is quite a lot of stuff not needed, but the following should get you straightened out.

    Change #header in your CSS to this:

    #header {
float: left;
font-family: Helvetica Neue;
height: 150px;
margin-bottom:0;
width: 100%;
}

    Change #header img in your CSS to this:

    #header img {
border-bottom: medium none;
float: left;
height: 88px;
position: relative;
top: -130px;
width: 775px;
}

  5. sl1k
    Member

    Thread moved to CSS forum. -slik

  6. headheartstomach
    Member

    That did it. Thank you.

    I'm sure the CSS is a mess. I've just been learning and have been dumping in a fair bit, testing as I go. Maybe not the best technique.

    Also, I've noticed you've been a big help to many people on these forums. It's a great thing. Appreciated by many.

    Best wishes.

  7. thesacredpath
    Member

    You're welcome and glad to have been able to help.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags