Jump to content

Reduce gap between elements

Recommended Posts

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


I am trying to create a services block on my website Caseyoneillcopy.com.

The block should be four columns with three elements each: an icon, a header and a blurb. 

Unfortunately, I am having trouble with the spacing. 

When I set it up using the WYSIWYG tools there is a huge gap between the icon and the header, and then another huge gap between the header and the blurb. This looks okay-ish on desktop.  But it looks really bad on mobile and tablet. 

Is there a code (or codes) I can use to make the elements closer together?

I've tried a bunch from the forum myself at in-page, page and site level - but am having no luck. 



Link to comment
  • Replies 2
  • Views 288
  • Created
  • Last Reply
  • 2 weeks later...


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.