padding around images

Site URL: https://soybean-flute-42kz.squarespace.com/manual-project-page

Hi,

I'm trying to reduce the margin between images. I know basic CSS but no idea what to do when I can't see where this is set in the code?
Ideally would like to reduce on all devices. Password is Sandy

Thanks so much.

Claudia

Add to Page Settings > Advanced > header

<style>
  .image-block {
    padding: 0 !important;
}
</style>

Hi, Thanks that worked. but without the style tag. Should it have worked with the tags?

Did you add to Custom CSS or Page Header?

If you add to Custom CSS, it will affect all image blocks on your site.

add to Page Header, it affects on that page only

If  tried to use the code for mobile but it puts varying spaces between the images. Do you know why by any chance @tuanphan

@media only screen and (max-width: 450px)  {
  .image-block {
    padding: 8px 12px !important;
  }}

i put different numbers  as just one number changed the outside margin too. tried also using margin-bottom but that produced a similar result.

I'd be so grateful for any further help!

Claudia

I added it to custom css. In this case I want it to affect all pages. Did you see my question above? I really don't understand what exactly is happening on mobile but the spaces aren't the same there and I have no idea what to do differently. If I take out the code that you sent me the spaces are the same but too large of course...

Hi. If you haven't solved the problem, please let me know. We will check carefully.