Jump to content

Custom Spacing

Recommended Posts

  • Replies 3
  • Views 2.2k
  • Created
  • Last Reply

@displaynamedOn 7.1: for the bottom h1 header. Locate your Page ID and Replace the 5... numbers in below code: (you can change the px number.) Insert code in Design> CSS editor.

[data-section-id="5e541d62b2b9400c650b2ddd"] h1 {margin-bottom: -40px!important;}

for the paragraphs to header:

[data-section-id="5e541d62b2b9400c650b2ddd"] p {margin-top: -20px!important;}

if you have a spacer in-between the Clients header and paragraph bottom you can simply delete to move closer. if you have used a different section for the below items locate your page ID and use following code: (replace 5... numbers with your lower Page section ID. )

[data-section-id="5e541d62b2b9400c650b2ddd"] .content {margin-top: -40px!important;} 

Hope this makes sense.

- John



Link to comment

For anybody who may be interested in the future, I was able to solve my issue with the following CSS placed in design>custom css


h2 {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: normal;

Link to comment


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.