Lange - Full Width Footer

Site URL: http://www.billydupee.co.uk

Hi there, I need the text boxes i have used in my footer to match the full width nature of my Header. Is there a way to align the copy in the bottom with that of the top? See screen shots attached:

I also want to change the colour of the footer to black on my Info page, whilst keeping it white on all other pages. How can I code this?

Thanks

Add to Info Page Settings > Advanced > Header

<style>
  footer#footer {
    background: black;
    margin: 0;
    max-width: 100%;
}
footer#footer * {
    color: white !important;
}
</style>

Great thanks so much, that seems to have worked. But there is a white line above the footer, I've tried re-sizing elements on the page but this has no affect. How can I remove this? I have attached a screen shot.

2 hours ago, billydupee said:

Great thanks so much, that seems to have worked. But there is a white line above the footer, I've tried re-sizing elements on the page but this has no affect. How can I remove this? I have attached a screen shot.

 

 

Use this code

<style>
  footer#footer {
    background: black;
    margin: 0;
    max-width: 100%;
}
footer#footer * {
    color: white !important;
}
  main#page {
    margin-bottom: 0;
}
</style>