Jump to content

How to reduce top padding on a specific text block?

Go to solution Solved by creedon,

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
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

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 best , and see my profile. Thanks for your support!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.