Feels (Fluid) Tutorials

How-to videos ☻

① Be sure to go through every option in Settings, too.
② There’s tonnes of Squarespace lessons here →
Specifics on Fluid Engine here →
④ Like lil symbols? Hold down CTRL+ CMD + Space and scroll!
⑤ To get the same photo frames as the collages, please get Unfold+ app!
Your gemstone files are all here →

For customisation answers from Squarespace developers within 24hrs, I love the forum!

  • 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 ³

  • 43: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

    Nwsletter 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

Stuck?

Watched everything and still hit a wall?

Abracadabra!

Need ideas? Want tips? My designer touch? I'll make some magic happen.