What is a block id in Squarespace and how to find one?
Let’s say you found an awesome plugin that makes your summary blocks look amazing, like this one on Ghost Plugins. However, you only want it to apply to one summary…
Read More »
Tabbed Sections in Squarespace 7.1
Want more tutorials? Sign up for my newsletter: https://www.will-myers.com/newsletter Get the HTML, CSS, and Javascript for this Tutorial: https://www.will-myers.com/articles/adding-simple-tabs-to-your-website-in-squarespace-71 This is a great plugin to get a tabbed sections up…
Read More »
Search Icon in Header for Squarespace 7.1
Code: https://will-myers.com/articles/adding-a-search-icon-to-your-site-header /*==== TIMESTAMP ====*/ 0:26 – Introduction 2:00 – Installing & Customizing the Plugin 7:00 – Code Review /* ==== DESCRIPTION ==== */ In this tutorial, we’ll add a…
Read More »
Add Register Button to Event Details on Event Page in Squarespace
Code: https://www.will-myers.com/articles/add-a-register-button-to-event-details Increase the visibility of your Call to Action button on your Events Page, by adding a button to the Events Details area. Usage: In a page in an…
Read More »
Loading Animation in Squarespace
Tutorial + Code: https://www.will-myers.com/articles/loading-animation-in-squarespace Learn CSS For Squarespace: https://www.will-myers.com/learn-css-in-squarespace In a perfect world, your websites would load immediately. However, we don’t live in a perfect world. For example, there are…
Read More »
Banner Image Slider with Text & Buttons – Squarespace 7.1 Tutorial –
This tutorial & plugin have been updated. Watch the updated video here: https://youtu.be/grMstxaUBkQ ================================== Link to website with updated code: https://www.will-myers.com/how-to-make-a-sliding-image-banner-in-the-new-squarespace-71 Link to W3Schools Code Snippet: https://www.w3schools.com/howto/howto_js_slideshow.asp Get Tutorials In…
Read More »
Replace Thumbnail Image on Hover in Squarespace
Code: https://will-myers.com/articles/replace-thumbnail-image-on-hover /* ==== DESCRIPTION ==== */ Currently, your thumbnail images can only display a single image. In this tutorial, I’ll walk you how to display a different image on…
Read More »
Prevent Cropping on Full Width Gallery Sections in Squarespace 7.1
Code: https://will-myers.com/articles/responsive-full-width-gallery-section-images /* ==== DESCRIPTION ==== */ Full width images within a gallery sections in Squarespace 7.1 get cropped depending on which device you’re viewing it on. In this tutorial,…
Read More »
Replace Footer on One Page in Squarespace 7.1
Code: https://www.will-myers.com/articles/replace-your-footer-on-specific-pages-in-squarespace-71 /* USAGE */ Any section you place in your footer is automatically added to every page, so how can we create a different footer for one, or multiple,…
Read More »
Scrolling Logo using Gallery Section in Squarespace [Jan 2022]
Code: https://www.will-myers.com/articles/scrolling-logo-in-squarespace /* DESCRIPTION */ This is an update to my previous Scrolling Logo in Squarespace Tutorial. This tutorial walks you through creating your own Auto Scrolling Logo Slider on…
Read More »