Code block too tall, leaves blank space on website

Site URL: https://www.bucksreferees.com/honours

Hi,

I'm using code blocks above sections on pages of my website to create anchors, so I can have a page navigation section at the top. However, the code blocks have a physical size that I can't seem to change, leaving an ugly gap between each section.

I found a tutorial when I started the site months ago to change some of the template's padding, and I was wondering if there was a way to do the same for code blocks? If I wanted to add space I'd use a spacer!

Many thanks in advance.

Can't promise it will work but you might be able to shrink them using spacer bars. 

About 3 seconds after posting this I found this thread which perfectly answered my question:

Go into Design > Custom CSS and add this:

.sqs-block.code-block.sqs-block-code {
  padding: 0;
}