Footers Will Not Save

[russell3]

Hi, in my site https://www.steedman.co.uk (you can get login details in secure note from my previous posts) the footers will not save. I have created a footer several time and the Sections / Bars etc are blank. I have upgraded to the latest version of Pro. Are you able to help me resolve this? Thanks.

[ruenel]

Hello Russell,

Thanks for posting in!

I have investigated your issue and I was able to save my changes in your footer builder. I made changes to the “Foot” and “Footer” custom footer. You will see my changes because each of the bars is titled “Added by X Staff”. The footer did not display on the front end all because you have inserted an invalid code in the text elements which is present in the last section of the page. The invalid codes added has created an issue and messed up the whole footer area. You added these codes:

<div class="container">
<div class="tab-content">
<div class="col-lg-5">
<div>
<p>Steedman &amp; Company Ltd <span><span><span style="color: #00aeef;">[x_icon type="map-marker"]</span> <strong>Head Office</strong> 7 Howe Street <span><span>Edinburgh EH3 6TE</span> <span style="color: #00aeef;">[x_icon type="phone-square"]</span><span> 0131 556 8595</span></span></span></span></p>

</div>
</div>
</div>
</div>
<p><style>
.container p {<br />
color: #848484;<br />
}<br />
p span{<br />
display: inline-block;<br />
}<br />
</style></p>

<div class="container-lower">
<div class="tab-content">
<div class="col-lg-5">
<div>
<p>Registered in Scotland No. SC308700 <span><span><a href="/about-us/terms-and-conditions/">Terms</a> <span style="color: #ccc;">|</span> <span><a href="/about-us/privacy-policy/">Privacy Policy</a></span> <span>© Steedman &amp; Company Ltd 1987 - 2018 <span>All rights reserved.</span></span></span></span></p>

</div>
</div>
</div>
</div>
<p><style>
.container-lower p {<br />
color: #848484;<br />
font-size:13px;<br />
}<br />
p span{<br />
display: inline-block;<br />
}<br />
</style></p>

<div class="container-lower-credits">
<div class="tab-content">
<div class="col-lg-5">
<div>
<p>Site Development by Steedman &amp; Company <span style="color: #ccc;">|</span> Design by <span><span><span><a href="http://smujy.com" rel="nofollow"><span>Smujy<span class="reg-tm-symbol">®</span></span></a></span> </span></span></p>

</div>
</div>
</div>
</div>
<p><style>
.container-lower-credits p {<br />
color: #848484;<br />
font-size:11px;<br />
}<br />
p span{<br />
display: inline-block;<br />
}<br />
a span{<br />
color: #B0B0B0;<br />
}<br />
a:hover span{<br />
color: #ccc;<br />
}<br />
</style></p>

Please correct these html codes and make sure that it is properly closed and valid. You can check the codes using the html tidy (https://htmltidy.net/).