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