More space?

Hi,

How do I add more space between the last image and the description copy - in mobile view - on all my project pages?

https://www.mattportch.com/lost-america

Hey @mportch, I'm happy to take a look in the back end, if you could provide access to the site (abi@abibacon.com)

Hi,

Not sure how I do that? All I usually do is provide my url and someone seems to suggest code that works.

Thanks,

Most likely no need for backend access on this one.

Add the following to Website > Website Tools > Custom CSS.

/* "project" pages restore spacer on mobile */

@media screen and ( max-width : 767px ) {

  #block-cb33a2ef4351969fa655, /* lost america */
  #block-c0317767e7f711318800, /* desert modern */
  #block-e677e4cca8e64e49342e, /* forgotten palms */
  #block-04e8f55bbf850175112a, /* kalah */
  x-twc-dummy-selector /* dummy selector so others above can all use , */
  
    {
    
      display : unset;
      
      }
      
  }

This is for v7.1 and specific to the poster's need.

What this code is doing is restoring the spacer blocks that are normally "removed" on mobile. As new "projects" are added or removed, the block ids need to be updated. To find the spacer block ids check out Heather Tovey's most excellent looking Squarespace ID Finder. Note the structure of the code, each block id ends with a comma ( not including the comment text ), except the last which uses a dummy selector.

x-twc-dummy-selector

Make your changes above this line

Let us know how it goes.

Great that seems to work thanks!

Is there any way of adjusting the space?

Sometimes I can identify this in someone's suggested code and adjust myself. It's usually something like 'top margin: etc'