Erroneous whitespace

Hi,

I am just setting up a new site (http://weightlossonline.co.uk/) but I am getting a lot of additional whitespace between the bottom of the contents and the top of the footer section. If someone could point me in the right direction to minimise this I would be grateful.

My custom CSS is as follows:

body.page header.entry-header {
display: none;
}
.contact-submit input {
background-color: #0000f9;
color: #fff;
}
.bg-secondary {
border-color: #b3d1ff;
height: 20px;
}
.page-title {
position: relative;
top: -15px;
font-weight: 600;
}
.content-area {
top: -75px;
}
.post-meta {
display: none;
}
.footer {
height: 100px;
}
.footer-widget {
top: -50px;
height: 100px;
}
.copyright-text {
height: 25px;
top: -50px;
}
.footer-credits {
display: none;
}
.entry-footer {
display: none;
}
.author-bio {
display: none;
}
.comments {
display: none;
}
.widget_rss {
top:-50px;
height: 140px;
}

Hi @fatspanner,

I hope you are well today and thank you for your question.

You can try reducing that space by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

section.content-area {
    padding: 20px 0 0;
    top: 0;
}

Best Regards,
Movin

Hey @Movin,

I ran across this post and checked out the website in this post.

I noticed how the first parallax picture was constant and kinda moved with the mouse. very cool!

How can get this effect for my first parralax picture (the one with the fire)!

my website: starghi.com

Hi @sadra,

To help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/shapely/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

Cheers,
Movin