Jump to content

How to reduce top padding on a specific text block?

Recommended Posts

Site URL: https://www.melissatakai.com/

Hi there, I was wondering how I could reduce top padding on a specific text block? I've attached images of what I mean. As you can see, there's a lot of spacing between the text block and gallery block above. It looks pretty bad on mobile. I'm trying to move them closer so it looks like a caption. I'd like to leave bottom spacing alone.

Also, I say "specific text block" because I would like to do this on my homepage only, if possible.

Thank you so much!

Screen Shot 2020-11-20 at 6.56.06 PM.png

IMG_9699.jpg

Link to comment
  • Replies 3
  • Views 2.6k
  • Created
  • Last Reply

Add the following to Design > Custom CSS.

/* begin reduce padding between gallery and following text block */

  #collection-5f8009dc24abb73cd090d44a .gallery-block {
  
    padding-bottom: 0;
    
    }
    
  #collection-5f8009dc24abb73cd090d44a .sqs-block-html {
  
    margin-left: 1em;
    padding-top: 0.25em;
    
    }
    
  /* end reduce padding between gallery and following text block */

This is for a v7.0 site using the Wells template.

You can change the numbers to suit.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.