Remove 'whitespace' in items

Hello,

I am experimenting with this template. I like it, but what I noticed is the 'odd' whitespace in several items. I managed to change this in CSS by adding something like margin-top: -200px for the body but this (ofc.) changes the whole layout so I removed it.

I wonder if this has to do with the HTML override files and when I rename this directory the layout leaves 'less' whitespace, but I am not sure anymore where I have to change it. Any advise?

My experimental site is boomwei.west-point.nl

Screenshot.jpg

Hello,

Please try to add the following CSS code under advanced settings -> custom css code option in the template settings:

Code: Select all

.single-page .item-info + .item-body,
.blog-page .item-info + .item-body {
    width: 100%;
}
.single-page .item-content,
.blog-page .item-content {
    max-width: 100%;
}
.single-page .item-info,
.blog-page .item-info {
   display: none;
}
.item-body {
    clear: both;
    margin: 40px 0 10px;
}


Thx for the reply. I tried this and it makes the content area wider, but the content itself does not move more to the top. Will experiment some myself again...