Back to top ⇝
0
Skip to Content
Beatriz Caraballo
Home
Resources
The Codebase
Courses & mini-courses
The Snippet Directory
Services
The Buildout
The Sidekick
The Club
Contact
Sign In
Beatriz Caraballo
Home
Resources
The Codebase
Courses & mini-courses
The Snippet Directory
Services
The Buildout
The Sidekick
The Club
Contact
Sign In
Home
Folder: Resources
Back
The Codebase
Courses & mini-courses
The Snippet Directory
Folder: Services
Back
The Buildout
The Sidekick
The Club
Contact
Sign In

Want to learn more CSS tricks?

Take a look at these:

Squarespace CSS tricks, plugins & courses
Dot-style cards - Auto Layout simple list (7.1)
Dot-style cards - Auto Layout simple list (7.1)
Dot-style cards - Auto Layout carousel (7.1)
Dot-style cards - Auto Layout carousel (7.1)
Product item button - Summary block (7.0, 7.1CE & 7.1FE)
Product item button - Summary block (7.0, 7.1CE & 7.1FE)
Expansive cards on hover - Auto Layout Simple List (7.1)
Expansive cards on hover - Auto Layout Simple List (7.1)
Alternate announcement bar content for a single page - Announcement Bar (7.1)
Alternate announcement bar content for a single page - Announcement Bar (7.1)
Alternate logo for open mobile menu - Header nav (7.1)
Alternate logo for open mobile menu - Header nav (7.1)
Minimal poster style (7.0, 7.1 CE & 7.1 FE) - Summary Block
Minimal poster style (7.0, 7.1 CE & 7.1 FE) - Summary Block
Minimal rounded fields style (7.0, 7.1 CE & 7.1 FE) - Newsletter Block
Minimal rounded fields style (7.0, 7.1 CE & 7.1 FE) - Newsletter Block
Logo page redirect - Header nav (7.1)
Logo page redirect - Header nav (7.1)
Mobile nav on demand - Header nav (7.1)
Mobile nav on demand - Header nav (7.1)
Creating a scrolling text header button in Squarespace (7.1)
Creating a scrolling text header button in Squarespace (7.1)
Side-by-side thumbnail and content - Auto Layout Simple List (7.1)
Side-by-side thumbnail and content - Auto Layout Simple List (7.1)
[Affiliate] Video Lightbox Squarespace plugin
[Affiliate] Video Lightbox Squarespace plugin
Google website crawler seo simulator
Google website crawler seo simulator
Mobile Responsive viewer tool for Squarespace
Mobile Responsive viewer tool for Squarespace
Bordered items with hover overlay for Related Products - Shop pages (7.1)
Bordered items with hover overlay for Related Products - Shop pages (7.1)
Bordered items with hover overlay - Auto Layout Carousel (7.1)
Bordered items with hover overlay - Auto Layout Carousel (7.1)
Customize and add an image to your Squarespace announcement bar (7.0 & 7.1)
Customize and add an image to your Squarespace announcement bar (7.0 & 7.1)
Removing the space under code blocks in Squarespace when using Fluid Engine (7.1)
Removing the space under code blocks in Squarespace when using Fluid Engine (7.1)
How to add a wavy background to a wavy scrolling block in Squarespace (7.0, 7.1 CE & 7.1 FE)
How to add a wavy background to a wavy scrolling block in Squarespace (7.0, 7.1 CE & 7.1 FE)
Keeping centered navigation links in one single line, in Squarespace (7.1)
Keeping centered navigation links in one single line, in Squarespace (7.1)
[Affiliate] How to add a mega menu in Squarespace
[Affiliate] How to add a mega menu in Squarespace
[Affiliate] +30 Squarespace animations to make your site extraordinary
[Affiliate] +30 Squarespace animations to make your site extraordinary
How to center-align the last two items of a Portfolio page in Squarespace (7.1)
How to center-align the last two items of a Portfolio page in Squarespace (7.1)
Sleek Masonry Gallery Section design in Squarespace with caption overlay and hover mode (7.1)
Sleek Masonry Gallery Section design in Squarespace with caption overlay and hover mode (7.1)
Adapting the S#!% out of code
Adapting the S#!% out of code
How to create “Read More” dropdowns inside Auto Layouts (7.1)
How to create “Read More” dropdowns inside Auto Layouts (7.1)
Styling and bottom-aligning ‘Read More’ links for the Basic Grid Blog in Squarespace (7.1)
Styling and bottom-aligning ‘Read More’ links for the Basic Grid Blog in Squarespace (7.1)
How to modify the space between the header social icons in Squarespace (7.1)
How to modify the space between the header social icons in Squarespace (7.1)
Squarespace Coding Essentials
Squarespace Coding Essentials

Got an idea?

Whether rare, medium-rare or fully cooked, let’s chat about your customization ideas and goals to see what we can do to make them a reality!

Get in touch through the "doability" form!
EN FR ES

Become an affiliate | Privacy policy | Terms & conditions

Not endorsed by or affiliated with Squarespace.

Beatriz Caraballo © 2022.

Unless otherwise specified, all prices on this site are in USD.