Remove white line/space under footer

Hello,

My website has a white space under my footer, which I can't seem to erase in any of the ways I tried.

Does anyone know if there's a reason it's there, and if it's removable with code?

My website: www.intro-verso.com

Any help is much appreciated!

It is Elfsight Search Widget. Maybe you installed wrong way. You try contacting Elf Support. Or just adding this to design > Custom CSS or Website > Website Tools > Custom CSS

div[id*="eapps-search"] {
    display: none;
}

On 8/18/2023 at 3:50 PM, tuanphan said:

It is Elfsight Search Widget. Maybe you installed wrong way. You try contacting Elf Support. Or just adding this to design > Custom CSS or Website > Website Tools > Custom CSS

div[id*="eapps-search"] {
    display: none;
}

 

Hi @tuanphan,

Thanks for having a look. Unfortunately Elfsight support can't seem to help me. And the code you sent doesn't solve it unfortunately. Nothing changes after applying it. 

Any idea why this would be?

Much appreciate your time,
Mathias

22 hours ago, Mathias654321 said:

Hi @tuanphan,

 

Thanks for having a look. Unfortunately Elfsight support can't seem to help me. And the code you sent doesn't solve it unfortunately. Nothing changes after applying it. 

Any idea why this would be?

Much appreciate your time,
Mathias

I don't see white space now. You try checking outside edit mode

Hello, it seems that i'm stuck with the same problem here as there is a weird yellow space at the very bottom of each page. Does anyone know a way around it ?

My website is : https://bobcat-lobster-x63w.squarespace.com/   (password: talkie)

Thanks in advance 🙂

4 hours ago, Sido said:

Hello, it seems that i'm stuck with the same problem here as there is a weird yellow space at the very bottom of each page. Does anyone know a way around it ?

My website is : https://bobcat-lobster-x63w.squarespace.com/   (password: talkie)

Thanks in advance 🙂

Try adding to Website Tools > Custom CSS

body {
	background-color: #e8e1fd !important;
}

Thank you for your help @tuanphan Your solution works perfectly on the homepage !

The remaining problem is: the "about" page and the project ones have different background colors (yellow and green) so this empty space at the bottom is now purple on these pages as well.

Would you happen to know how to fix this?

17 hours ago, Sido said:

Thank you for your help @tuanphan Your solution works perfectly on the homepage !

The remaining problem is: the "about" page and the project ones have different background colors (yellow and green) so this empty space at the bottom is now purple on these pages as well.

Would you happen to know how to fix this?

Change above code to this to make it affect homepage only

body.homepage {
	background-color: #e8e1fd !important;
}

Add a Code Block on these page (Project, About Pages) > Use this code, edit color with your color

<style>
  body {
	background-color: purple !important;
}
</style>

I did as you said and i worked well for the the "about" page.

But not for the "projects" ones (the green ones). Does it work for you ? For some unkown reason i still get a weird yellow space at the bottom of the page.

10 hours ago, Sido said:

I did as you said and i worked well for the the "about" page.

But not for the "projects" ones (the green ones). Does it work for you ? For some unkown reason i still get a weird yellow space at the bottom of the page.

I see, and it appears 1s then disappear

Because you used this code

Try this new code to Website Tools (under Not Linked) > Custom CSS to override it on all projects

body.collection-657c08e01f262507bf3c946e {
    background-color: #bbeabc !important;
}