Footer page not working

Hi,

I’m at an impasse on how to get the footer page working on my clients site.

I have created a ‘footer page’ whereby I have 4 columns in one section and another section with four logo images above. I cant seem to get this page to act as the footer in replace of the one created in widgets?

However on the footer page itself I have a warning showing:
This page is currently selected to be displayed as footer. (Set in Enfold » Footer). (Change) Therefore it cannot be accessed directly by the general public in your frontend. (Logged in users who are able to edit this page can still see it)

I have Enfold/footer settings already set to ‘select a page as a footer and socket’ and select page as ‘footer page’ from the drop down.

The other thing I also need is to center this footer page to how the existing widgets footers currently display. So on the two elements I have on the footer page, I have developer ID: av-center-align-columns

I then have in quick CSS

/* Center align columns inside color section*/
#av-center-align-columns .entry-content-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: center;
}

Any assistance appreciated.

Thanks
John