Positioning footer relative to header in Ambiru

  • Author
    Posts
  • #358103

    bosporus
    Member

    Hi,

    I am a recent entrant to CSS customisation and CSS customisation in WordPress.

    I am using Ambiru as a base theme and have customised it to quite an extent, but I am facing trouble with aligning the footer in line with the header and content sections of the template.

    The blog is at: http://briefs.peanuts.cc

    Any kind of help with this issue would be appreciated.

    The blog I need help with is briefs.peanuts.cc.

    #358352

    carocat
    Member

    Wow. That is pretty, nice work!

    Afraid I can’t help you though, but I’m sure someone else will be along to help you.

    #358366

    In #footer, change “left” from 132px to 51px.

    #358372

    bosporus
    Member

    Thanks Carocat :)

    Hi sacredpath,
    Thanks for the advice. I tried 51px, but the page goes into a horizontal scroll much beyond the top right corner – blog info. And the footer does not align itself to wrap.
    Do you think maybe there’s a way to link this to the wrap?

    #358373

    bosporus
    Member

    Hi,

    Got the solution immediately after posting the comment.
    Within #footer, add:
    width:1000px;
    margin: 0 auto;

    Thanks again.

    #358374

    I just looked in Firefox, and it appears you have gotten this fixed. When I made the change I suggested using Firebug it worked fine and there was no horizontal scroll bar issues that came up.

    The code you now have looks cleaner than what you had in the footer section though. Good work!

The topic ‘Positioning footer relative to header in Ambiru’ is closed to new replies.