Footer moved to the left — but only on one page…

Making the footer background transparent seems to work and doesn’t seem to adversely affect anything else:

#footer {
  background: none repeat scroll 0 0 transparent;
}

HTH

PAE

Thanks for the reply.

Yes I tried that but the problem is that the links in the footer will still be off by about ten pixels. So when moving between the About page and any other page it will look as if the links jump.

It is weird that it only happens on the About page.

Any idea what could be the reason?

Cheers
Philip

Could you try adding the body_class() function to your body tab (probably in header.php)? This should give you a hook for some css to shove the footer to the right on the about page.

margin-left: 10px;

… does the job.

Cheers

PAE

And I’ve found the reason for it…

On all the pages except for the About page (AFAIKT) there is a #container that is 970px and centered (margin: auto). Inside that there is a #container-inner that is 950px, leaving 10px on either side. Inside #container-inner comes #inside-widget that is absolutely positioned, 750px from the top. It is #inside-widget that contains the #footer.

On the About page, #inside-widget comes directly inside #container. Since #container is 970px wide, #inside-widget is offset 10px to the left.

If you move #inside-widget on the About page into the #container-inner, it should work: but I can’t test it as I don’t have access to the files.

Cheers

PAE

You have true eagle eyes! I simply did not notice this. I am very grateful that you discovered this.

But now I am in a quandry. All my pages are based on the same template and the structure (#container-#container-inner-#inside-widgets) should look the same on all of them. How can it differ on the About page?

Cheers and thanks once more
/p

Your guess is as good as mine.

Try creating a new page with some test content (lorem ipsum or something), and add it to your menu. Does it have the same problem?

If it does, we might have to start digging in page.php or something, although your contact page seems OK and I would have thought that would have been just a simple page.

Anyway, give it a go and see what happens. If it works OK, we can then transfer the content from About, bit-by-bit, making sure it all stays OK.

We might have to clean up the permalinks and stuff after, but if it gets you a page that works, hey!, it’s worth it.

Cheers

PAe

Thanks this is really helpful and I appreciate how much help and time you’ve given me!

I just realised what it was. In the page I created in WordPress there was an extra </div> at the end. Removing that one – and I only realised this when I counted through all the divs from header.php to footer.php – moved the footer back into place.

Thanks once again for all your assistance. I am very very grateful.

All the best
Philip

Glad it’s sorted: and well spotted yourself!

Cheers

PAE