All

.sqs-block-image .design-layout-inline .intrinsic {

  margin-left: 0!important;

}

Certain sections

section#your url .sqs-block-image .design-layout-inline .intrinsic {

  margin-left: 0!important;

}

.code-block {

padding: 0 !important;

}

NOTE: Make sure to choose the “fade” animation effect

.gallery-fullscreen-slideshow-item-img{

transition: opacity 1600ms ease-in-out !important;

-webkit-transition: opacity 1600ms ease-in-out !important;

-ms-transition: opacity 1600ms ease-in-out !important;

-moz-transition: opacity 1600ms ease-in-out !important;

-o-transition: opacity 1600ms ease-in-out !important;

}

.gallery-fullscreen-slideshow[data-transition="fade"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src{

transition: opacity 1400ms ease-in-out !important;

-webkit-transition: opacity 1400ms ease-in-out !important;

-ms-transition: opacity 1400ms ease-in-out !important;

-moz-transition: opacity 1400ms ease-in-out !important;

-o-transition: opacity 1400ms ease-in-out !important;

}

ALL PAGES

.header-title-logo {

  display: none!important;

}

Homepage only

.homepage .header-title-logo {

  display: none!important;

}

NOTE: In your Squarespace menu, click Pages> Website Tools > Custom CSS

Scroll down and find the button that says Manage Custom Files.

Click Add Images or Fonts, and select your font file from the window that pops up.

Once its uploaded click on the file and this will create a custom url.

Copy and paste the following CSS into the Custom CSS area.

@font-face { font-family: YOURFONT; src: url(); }

NOTE: Where it says YOURFONT, replace it with the name of your custom font. You can choose any name for this, but make sure that you remember the spelling as you’ll need to repeat this later on.

The next step is to add the URL of your font right between the two brackets (). 

Whenever you upload a file inside Squarespace, it generates a URL for that file. This is the link that you’ll need to place inside the brackets. 

The URL will automatically be added – and will look something like this:

@font-face { font-family: DM Sans; src: url(https://static1.squarespace.com/static/5e6a13436c6599388885b79d/t/5ee0d6ea3688515b59f562c1/1591793386569/DMSans-Regular.ttf); } }

Decide which Headings/Paragraphs you want to switch to your custom font, and copy and paste the appropriate CSS snippets.

h1 { font-family: 'YOURFONT'; }

h2 { font-family: 'YOURFONT'; }

h3 { font-family: 'YOURFONT'; }

h4 font-family: 'YOURFONT'; }

.sqsrte-large { font-family: 'YOURFONT'; }

p { font-family: 'YOURFONT'; }

.sqsrte-small { font-family: 'YOURFONT'; }

ADDING CUSTOM FONT TO OTHER ELEMENTS:

// Site Title //

.header-title-text a { font-family: YOURNAME !important; }

// Site Navigation //

.header-nav-item a { font-family: YOURNAME !important; }

// Button //

.header-actions-action .btn { font-family: YOURNAME !important; }

// Announcement Bar //

.sqs-announcement-bar-url a { font-family: YOURNAME !important; }

* This code is credited to woldandwild.co