<aside> <img src="/icons/stairs_pink.svg" alt="/icons/stairs_pink.svg" width="40px" /> SUPPORT & HELP

[email protected]

</aside>

<aside> <img src="/icons/rainbow_pink.svg" alt="/icons/rainbow_pink.svg" width="40px" /> **TIPS

Got Branding?** ⟶ If not, do this first ⟶ Like lil symbols? Hold down CTRL+ CMD + Space and scroll! ⟶ My fav place for things to jazz up websites is Creative Market

New to SquarespaceMigrating? Things to considerBrand new? Watch some videos ⟶ For free customisation answers from SQS devs, I love the forum

Squarespace Fluid Engine vs ClassicAn outline of the differences

Handy Stuff**Recommended apps & tools** ⟶ **My Flodesk Email Template

Customisations + ~The Designer Touch~** ⟶ Book time with me

Earn your template investment back ♡‘Made by Pearler’ affiliate link

</aside>

https://vimeo.com/781248028

꩜ Timestamps

0:00 ⏤ ✿

What is Fluid?

Important notes on 'upgrade' buttons

1:40 ⏤ ✿

Saving sections to use as templates

Duplicating pages, sections and blocks

4:05 ⏤ ✿

Hiding sections

6:50 ⏤ ✿

Notes on branding

8:30 ⏤ ✿

Adding your branding: Logo

10:00 ⏤ ✿

Header / nav area:

Social links, cart icon, featured button, link layout, removing the forced mobile menu style.

21:00 ⏤ ✿

Adding fonts

Custom fonts

Font CSS variables

23:35 ⏤ ✿

Adding colours

Colour CSS variables

Colour profiles

Colour blocking

Inverting colours

30:15 ⏤ ✿

HP section ¹

Fluid button weirdness

Scaled text

Trigger your alternate font using ‘bold’ formatting

34:20 ⏤ ✿

Collage images

39:50 ⏤ ✿

HP section ²

Marquee (scrolling) simple gallery sections

42:40 ⏤ ✿

HP section ³

3:10 ⏤ ✿

HP section ⁴

Poster block hover feature

45:43 ⏤ ✿

HP section ⁵

Scrolling text

Accordion blocks

49:05 — ✿

HP section ⁶

Taking bookings

Acuity Scheduling

51:08 ⏤ ✿

HP section ⁷

Full width background images with effects

36:30 ⏤ ✿

HP section ⁸ + ¹⁰

Summary blocks with scaled text

52:20 ⏤ ✿

HP section ⁹

List sections

54:40⏤ ✿

Contact form block with fluid collage images

56:28 ⏤ ✿

Footer

Faux Instagram feed

Newsletter blocks

Touching on Flodesk

1:01:15 ⏤ ✿

‘Site by Pearler’ affiliate link option

Get link here [🔗]

1:03:08 ⏤ ✿

About page

Image shapes

Portfolio layout

Hiding the portfolio hover feature

1:06:20 ⏤ ✿

Blog (learn)

Duplicating template blog posts

Archive blocks

Featured image specs

1:13:05 ⏤ ✿

Shop (resources)

Categorisation

Setting up new products

Warning on using existing products as templates

Additional content styling

Commerce settings

1:20:20 ⏤ ✿

Instagram links page

1:20:40 ⏤ ✿

Configuring up anchor links

1:25:00 ⏤ ✿

Support notes

Thank you sooooo much for watching this whopper tutorial!

⏤ ⓀⒶⓉⒾⒺ

https://media2.giphy.com/media/TlK63EXvLD0en57UJDa/giphy.gif?cid=7941fdc6wpwdrpzzoluti25wl31xvmi7vg9qxqtbit4qr5ni&ep=v1_gifs_search&rid=giphy.gif&ct=g