Remove spacing between two images in footer on mobile view

Site URL: https://sprout-pelican-95wn.squarespace.com/

Hi there pretty new to squarespace and creating websites. I just thought I would see if someone knew how to reduce the space between these two images in my footer on mobile only? 

Password to site is: Isaac

Any help would be much appreciated!

Thanks

Ryan

You can add this CSS:

footer .image-block {
  transform: none;
}

Hi @jpeter. Thanks for getting back to me. Do I just paste this in custom css? It didn't seem to work 😞

On 5/31/2020 at 6:46 AM, cocktailinajar said:

Hi @jpeter. Thanks for getting back to me. Do I just paste this in custom css? It didn't seem to work 😞

Yeah, following this article for adding custom CSS: https://support.squarespace.com/hc/en-us/articles/206545567#toc-add-css-code

You can try increasing the specificity of the CSS selector by using the ID of the page section that wraps both elements, page-section-5ec92d754800825652e309fe:

#page-section-5ec92d754800825652e309fe .image-block {
  transform: none;
}

21 minutes ago, jpeter said:

Yeah, following this article for adding custom CSS: https://support.squarespace.com/hc/en-us/articles/206545567#toc-add-css-code

You can try increasing the specificity of the CSS selector by using the ID of the container that wraps both elements, yui_3_17_2_1_1590994328909_127:

#yui_3_17_2_1_1590994328909_127 .image-block {
  transform: none;
}

 

#yui will change if you refresh the page

use #block-yui

Thanks @tuanphan updated the CSS of the response that uses the ID. Decided to target the page-section ID's rather than the individual block ID's.