White area (heading area) below header not possible to remove

Hi

I have white area (page heading area) which is not possible to remove (between heading and page elements). I changed page template from page attributes to “Full width” and this remove the page heading, but white area is not possible to remove.
Page is built with Page Builder by SiteOrigin.

Already tried few css-s which I found from this forum, which did reduce the white bar, but didnt remove that completely.
Page is https://tellisaun.ee

Please help
Thank you

this for example reduce, but didnt remove this area: /* remove white space between content and footer*/

body.page article footer.entry-footer {
display: none;
}
body.page #content > section.content-area {
padding-bottom: 20;
border-bottom: 0;
}
body.page #main article {
margin-bottom: 0;
}

/Reduce size of header and distance between header and page/
.page-title-section {
height: auto !important;
padding: 0px 0px;
}

/* Top Nav colour*/
section.content-area {
padding-top: 0px;
}

/Remove title/
.entry-title {
display: none;
}

hey there

Hope you are having a good day and thank you for your question :slight_smile:

Please add this CSS in appearance - customize - additional CSS

section.content-area.pt0 {
padding-top: 0px;
}
.container.mt20 {
margin-top: 0px !important;
}

Thanks!
Colorlib Support Team

Hi

Thank you, this worked as a charm. :slight_smile:
Is it possible to apply this code ONLY for homepage?

Thank you again :slight_smile:

Hi There,
I’m glad it helped.
To apply the code only on the homepage, you can modify the code as follows.

.home section.content-area.pt0 {
padding-top: 0px;
}
.home .container.mt20 {
margin-top: 0px !important;
}

Hope this helps.