Remove padding around code block

Site URL: https://processworkuk.squarespace.com/

Hi there,

I've added in code blocks for page jumps on a lengthy blog post, but they appear really large on the live site. Is there a way to reduce the padding around the code block? On the Squarespace editor they don't appear as large as on the live site...

Blog page - https://processworkuk.squarespace.com/blog/the-world-in-here-and-out-there-processwork-facilitation-as-therapy-and-as-worldwork

Password - ProcessworkUK2022

Thanks,

Alex

I've tried the following code in Design> Custom CSS which appears to work on the Squarespace editor but not on the live site;

div.code-block {
    padding-top: 0px !important;
}

div.code-block {
    padding-bottom: 0px !important;
}

On 8/22/2022 at 2:04 AM, AlexSaunders said:

I've tried the following code in Design> Custom CSS which appears to work on the Squarespace editor but not on the live site;

 

div.code-block {
    padding-top: 0px !important;
}

div.code-block {
    padding-bottom: 0px !important;
}

Try this CSS

div.code-block.sqs-block {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

Hi there. Unfortunately, this still doesn't seem to work.. see screenshot of live site when the code is added.

On 8/25/2022 at 4:34 AM, AlexSaunders said:

Hi there. Unfortunately, this still doesn't seem to work.. see screenshot of live site when the code is added.

Did you remove Instructions? I can't find it now