How do I change the footer colour without this annoying box appearing!

[oews]

So I have seen a number of threads that address changing the footer colour by altering the CSS/HTML code. I am use the theme 'Pathway' on my site, and instead of altering it directly I have set up a test site so I don't accidentally break anything!

I assume that either the theme is different than those mentioned in other threads or that they are slightly outdated, as they suggest adding a line into the Footer section of the _global.less file - within my chosen theme there is no footer section of the _global.less file, but there is one in the main.less file, and there is a separate _footer.less file.

I have had a go at altering both of these within my test website. The main.less file edit does not work, whereas the _footer.less file edit does. However, whenever I edit anything in the code - even if I change it back to exactly what it was before - I get this annoying white box appearing over text on other sections of the page. I can't get rid of it without deleting the site and trying again!

Can anyone help?

[bobafett]

@oews:  Is it possible that your test site is a free weebly site?  In free weebly sites footers cann't be changed.  Try playing with it on a paid site.

[oews]

Just tried it on the paid site as well and the same thing happened

[Adam7]

What code changes are you making? It might help to take a screenshot of the code you changed.

[oews]

Hi Adam,

I got the 'fix' from this thread: https://community.weebly.com/t5/How-Do-I-In-the-Community/How-do-i-change-the-footer-colour/m-p/5317... - see the screenshot at the bottom of the page.

My theme does not have this section in the _global.less file, but it does have a _footer.less file, and a main.less file which both contain similar lines. Below is where I have changed it in the main.less file (outlined red) and the white box appearing behind the main text box on the homepage:

For clarity's sake, the colour I am looking to change the footer to is #1D2955 (blue).

Thanks for taking a look,

Ollie

[oews]

Are you able to give any update on this Adam?

[Adam7]

Is this site live, @oews? It might be easier to troubleshoot by seeing the live site.

[oews]

Hi Adam,

Yes, it is but I have not included the coding changes to the live site because of the error that keeps occurring.

The site can be found here.

Thanks in advance for any help you can give.

Ollie

[Adam7 · Accepted solution]

Try this instead, @oews:

<style>
	.footer-wrap
	{
		background: #1D2955 !important;
	}
</style>

Add that to Settings > SEO > Header Code and it should change it on the live site.

[oews]

Thanks, Adam.

That's worked perfectly - thanks!

Ollie