Jump to content

I also need help removing the blank space from my website

Go to solution Solved by tuanphan,

Recommended Posts

Help! I can't figure out how to remove the blank spaces that show up as white between the last section and the pages footer. I built the site for a photographer (BobKiss.com) and the galeries range in size. A smaller page can look great when I edit it, but looking at it in a browser on a high resolution screen can show a lot of white space at the bottom. Each page started as a blank and I added sections for the headings, text and galleries.
Here are some pages with the problem:
https://www.bobkiss.com/personal-galleries-1
https://www.bobkiss.com/contact
Do I need some custom code, or am I just missing something?

Link to comment

The pages with more content (galleries with more than three rows) are not affected, But the pages with only one gallery row, or pages like the Contact Us page have the blank spaces above the footer. I've tried it at different window sizes on my 2160x3840 monitor and the size of the blank area changes, and in a small enough window it disappears.

Link to comment
  • Solution

Add to Design > Custom CSS

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

The height of the page content is not enough to fill the height of the screen so it will appear white space. You can use the code to change white color

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.