fixing Custom CSS problem with footer FLATIRON 7.0

Site URL: https://www.carolinbohn.at/preise

Hi. I have a problem with a code I wrote into custom CSS of my FLATIRON Page. Now the Footer causes a big white space above the footer on most pages. Does anybody know what to change in the code to get rid of the problem? Thanks a lot!

This is the code:

.index-detail #grid {display: none !important} 
#navigator footer#bottomBar { position: relative; }
 .projectPrev {display:none;}
 .projectNext {display:none;}
 .yui3-lightbox2 .sqs-lightbox-meta.overlay-description-visible {
 background: #AAA;
 }
 .yui3-lightbox2 .sqs-lightbox-meta.overlay-description-visible p {
 color: #000;
 }
 body.collection-type-template-page:not(.page-read-me) #container, body.collection-type-gallery #container, body.collection-type-index #container {
     margin-bottom: 0 !important;
 }
#navigator footer#bottomBar #footerBlock { width: 100% }
 .date { display:none; }

Try adding this to your custom CSS:

#container {
  margin:85px 0 0 0!important;
}

This should override the bottom margin of 360px that's assigned to your container (which is what's causing the gap, from what I can see). You can adjust the margin settings as needed.

Perfect. Thanks a lot.