White spaces between rows?

I’ve been struggling with this for a while and it’s driving me round the bend! My website is www.haytorband.com – I feel it’s probably code related as all my settings in layout etc are set to 0. The problem I have is that white space has appeared between rows (almost like extra small rows have been added although there aren’t any added in page builder!) and it’s happened simultaneously across all my website pages – some of the white spaces are very obvious such as the one at the bottom of all the pages above the social media buttons, but others seem to blend into the rows next to them so you can’t see them, but I know they’re there because the layout of the page has shifted (this is particularly obvious on the ‘Music’ page). Originally I only had one white space at the bottom of each page – under the social media buttons and above the footer – and I tried to remove this through adding the following CSS code:
.page-wrap,
#content .content-wrapper{
padding-top: 0 !important;
padding-bottom: 0 !important;
}

.entry-footer{
margin-top: 0;
}

#main > .hentry{
padding-bottom: 0 !important;
}
That gap then disappeared, but at the same time all the others APPEARED which is much worse than having one gap – now I have lots! Even after deleting this CSS code, the changes remain – I have lots of white spaces left on all my website pages.
Please help! Thank you!