Header image is off center

headheartstomach · Member · Dec 1, 2010 at 5:43 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
timethief · Member · Dec 1, 2010 at 6:20 pm
Copy link
Have you noticed this sticky post at the head of this forum?
https://en.forums.wordpress.com/topic/details-on-pressrow-replacement-pilcrow?replies=250
headheartstomach · Member · Dec 16, 2010 at 6:23 pm
Copy link
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.
thesacredpath · Member · Dec 16, 2010 at 7:24 pm
Copy link
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;
}
```
sl1k · Member · Dec 17, 2010 at 1:42 am
Copy link
Thread moved to CSS forum. -slik
headheartstomach · Member · Dec 17, 2010 at 3:58 pm
Copy link
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.
thesacredpath · Member · Dec 17, 2010 at 6:17 pm
Copy link
You’re welcome and glad to have been able to help.

No items found.