How to delete the footer or change the background colour

[FalTheydon]

I just wondering if there is a way of either changing the background colour of the default footer or deleting the footer completely from my website – www.falmouththeydontrust.co.uk?

I chose the Vue 2016 Dusk theme because it allowed me to change the background colour of the header.  I created a section at the bottom of each page to act as a footer so that I could choose the background colour of the footer, but then I couldn’t delete the default footer.  So there is now a blank white area at the bottom of each page of my website that I am unable to delete.

I don’t have any HTML or CSS coding experience so don’t want to change anything in the code.

Does anyone have any suggestions?

Thank you.

[BJ5 · Accepted solution]

Try this code in Settings > SEO > Header Code, @FalTheydon:

<style>
    .footer-wrap
    {
        display: none !important;
    }
</style>

It should hide the footer on the published site.

[FalTheydon]

Hello @BJ 

That's great, the code worked and the white footer is no longer displayed on my website.

Thank you so much!

[BJ5]

No prob!

[ayarelle]

I tried this too and it didn't work for me anyone have any other solutions for how to delete the footer or change the background color??

[ellatruff]

Hello! I've tried this but it still doesn't work for me. The footer still remains in the website. I'm currently using Upstart-blog theme

[DavidP1]

It worked on some pages only

[ryanbrandon]

This still works in 2022.  Thank you!!