How to get rid of this long white line block.

Hi I have used CSS code to make the footer of my website match each page colour. However I think somehow it's still reading the background as the colour set in site styles.

Anyway I can remove this? OR Is there a better method to make all footers match the different page colour without this happening.

Password for site is: 1234

Add to Design > Custom CSS

body {
	background-color: #eae8ae;
}

This is the code I have used that makes the footer background yellow. I added that code you sent in and it didn't work or not sure if I applied it in the wrong area.

body#collection-6497dfd482491c089b27bf0f footer.sections .section-background {
    background: #EBE89A !important;
}

On 7/5/2023 at 4:54 PM, MRJohnston said:

This is the code I have used that makes the footer background yellow. I added that code you sent in and it didn't work or not sure if I applied it in the wrong area.

 

 

body#collection-6497dfd482491c089b27bf0f footer.sections .section-background {
    background: #EBE89A !important;
}

 

Can you share link to page in screenshot?

sure! https://meander-studio.squarespace.com/portfolio-home

Thank you so much! It worked.

I had to direct it at the collection and works now 🙂

body#collection-6497dfd482491c089b27bf0f
{background-color: #EBE89A;}