Leaderboard

Update 5/26/2020: Squarespace has added the ability to add image descriptions/captions to 7.1 gallery sections. See here. There are some limitations, such as not appearing in lightbox view and not supporting multiple lines. So, the workaround below may still be of use. --------------------------------------------------------------------- Hi @dan3. Looking at the underlying gallery code, it appears that image descriptions are in-the-works to one degree or another. In the mean time, I've created a bit of code you can use to add image descriptions/captions to gallery sections in Squarespace 7.1 . View Demo Site JavaScript Insert via sitewide footer code injection. If you only want to add descriptions to some (not all) galleries, pass your own CSS selector into addGalleryItemDescriptions() (for example: "section[data-section-id='5db1f73f7a30760db464bb02']") For images within a targeted gallery that you do not want a description to appear, you must enter a space as the description (otherwise the filename will show). <script> /** * Add descriptions/captions to galleries in Squarespace 7.1. * JavaScript * © @brandon (Squarespace Forum User) * This software is provided "as is", without warranty of any kind, express or implied. */ document.addEventListener("DOMContentLoaded", function() { addGalleryItemDescriptions(); function addGalleryItemDescriptions(gs, gdzs) { var a=['querySelectorAll','section.gallery-section,\x20.gallery-lightbox','length','[class*=\x27-item\x27]:not([class*=\x27item-\x27])','getElementsByTagName','img','alt','trim','createElement','div','className','gallery-item-description','textContent','appendChild'];var b=function(c,d){c=c-0x0;var e=a[c];return e;};(function(c,d){var e,f,g,h,i,j,k;e=document[b('0x0')](c?c:b('0x1'));i=e[b('0x2')];while(i--){f=e[i][b('0x0')](d?d:b('0x3'));j=f[b('0x2')];while(j--){g=f[j][b('0x4')](b('0x5'))[0x0][b('0x6')][b('0x7')]();if(g){h=document[b('0x8')](b('0x9'));h[b('0xa')]=b('0xb');h[b('0xc')]=g;f[j][b('0xd')](h);}}}}(gs,gdzs)); } }); </script> CSS Insert in "Customer CSS", via the CSS Editor. The CSS below is very basic, adding a white box around the description and generally placing it at the bottom. You can customize to your heart's content. /** * Add descriptions/captions to galleries in Squarespace 7.1. * CSS * © @brandon (Squarespace Forum User) * This software is provided "as is", without warranty of any kind, express or implied. */ body { width: 100%; } section.gallery-section [class*='-item']:not([class*='-item-']):not([class*='-reel']):not([class*='-slideshow']) { position: relative; } .gallery-item-description { font-family: "Roboto", sans-serif; font-size: 16px; color: black; } .gallery-grid, .gallery-strips, .gallery-masonry, .gallery-reel, .gallery-fullscreen-slideshow { .gallery-item-description { position: absolute; width: 100%; bottom: 0; background-color: rgba(255, 255, 255, 0.7); padding: 2% 6%; box-sizing: border-box; } } .gallery-slideshow, .gallery-fullscreen-slideshow, .gallery-reel { .gallery-item-description { padding: 10px 25px; opacity: 1; transition: opacity 0.2s; } .gallery-slideshow-item:not([data-in="true"]), .gallery-fullscreen-slideshow-item:not([data-in="true"]), figure[style*="-9999"] { .gallery-item-description { opacity: 0; } } } .gallery-slideshow { .gallery-slideshow-list { position: static; } .gallery-slideshow-item-wrapper, .gallery-item-description { flex: 1 1 auto; } } .gallery-reel { .gallery-item-description { text-align: center; left: 50%; transform: translateX(-50%); } &[data-width="inset"], &[data-width="inset"] { .gallery-item-description { max-width: 88vw; } } &[data-width="full-bleed"] { .gallery-item-description { max-width: 100vw; } } } .gallery-lightbox .gallery-item-description { margin-top: 1em; padding: 1em 2em; background-color: rgba(225, 225, 225, 1); transition: opacity 0.1s ease-out; } .gallery-lightbox-item[data-in=false] .gallery-item-description { opacity: 0; } This is of course experimental. Do let me know how it works for you, or if you have questions. If you reply to this post, please do not quote the code in your reply. Doing so will create copies of the code which A) I would prefer not be copied and B) will propagate old versions of the code which are likely to fall out of date. -Brandon

Some CSS Class/ID for Squarespace 7.1 Header Header: header#header Site Title: a#site-title Navigation: .header-nav Navigation Items: .header-nav-item a Navigation Dropdown: .header-nav-folder-content Navigation Dropdown Items: .header-nav-folder-item a Mobile Navigation Items: .header-menu-nav-item a Mobile Menu Icon: .header-burger Mobile Menu X icon: .burger–active Header Social Icons: .header-actions .icon Cart Icon: header#header span.Cart-inner Cart quantity: header#header .icon-cart-quantity Footer Footer: footer#footer-sections Footer Social Icons: footer#footer-sections .sqs-svg-icon–outer Footer Links: footer#footer-sections a Product List Product List: .collection-type-products.view-list Product Name: .grid-title Product Price: .grid-prices Product Image: figure.grid-image Product Currency: body.native-currency-code-usd .sqs-money-native:before Sold Out Text: .product-mark.sold-out Product Detail Product Detail: .collection-type-products.view-item Product Breadcrumb: .ProductItem-nav-breadcrumb Product Pagination (Previous/Next): .ProductItem-nav-pagination Gallery: figure.ProductItem-gallery Thumbnails: .ProductItem-gallery-thumbnails Big Image: .ProductItem-gallery-slides Product Name: h1.ProductItem-details-title Price: .ProductItem-product-price Currency: body.native-currency-code-usd .sqs-money-native:before Excerpt: .ProductItem-details-excerpt Add to Cart Button: .sqs-add-to-cart-button-wrapper Add to Cart Text: .sqs-add-to-cart-button-inner Variant Dropdown: .variant-option Variant Title: .variant-option-title Variant Options: .variant-select-wrapper option Quantity Text: .quantity-label Quantity Input: .product-quantity-input Cart Page Cart Page: body#cart Cart Title: .cart-title Item: .CartTable-itemLabel-3zzV1 QTY. .CartTable-itemLabel-3zzV1 span Price Name: .CartTable-itemPrice-XgjsO span X icon: .item-remove div Product Thumbnail: .item-image Product Name: .CartTableRow-itemTitle-1MDgZ a Quantity input: .CartTableRow-itemQuantity-LwuRx.item-quantity Price: .CartTableRow-itemPrice-26eXS.item-price Subtotal: .CartTable-subtotal-2nJjm Subtotal Price: span.CartTable-subtotalPrice-2JFeD Checkout: .CartFooter-checkout-28MW2.checkout Checkout Text: .CartFooter-checkout-28MW2.checkout span Variant Text: .CartTableRow-variant-1ihcF.variant Blog List Blog List: .collection-type-blog.view-list Thumbnails: article.blog-item img Date: time.blog-date Category: span.blog-categories-list Title: h1.blog-title Excerpt: .blog-excerpt Read more: a.blog-more-link Blog Posts Blog Posts Page: .collection-type-blog.view-item Blog Items: .blog-item-entry Categories: .blog-meta-item–categories Date: time.dt-published.blog-meta-item.blog-meta-item–date Author: .blog-meta-item.blog-meta-item–author.p-author.author Title: .blog-item-title Content: .blog-item-content-wrapper Pagination: .item-pagination Pagination Arrows: .item-pagination-link .item-pagination-icon Pagination Title: h2.item-pagination-title Author Box: .blog-item-author-profile-wrapper Author Image: a.author-avatar.content-fill Author Name: .author-name Author Site: a.author-website Post Comment: .squarespace-comments Post Comment Button: .comment.btn Comment Input: .squarespace-comments .new-comment-area Preview: span.btn-text.preview-comment.top-level-preview-btn Subscribe via email text: span.subscribe.subscribe-control Event List Page Event List Page: .collection-type-events.view-list Event Thumbnail: a.eventlist-column-thumbnail.content-fill Event Time: .eventlist-datetag Event Date: .eventlist-datetag-startdate.eventlist-datetag-startdate–day Event Month: .eventlist-datetag-startdate.eventlist-datetag-startdate–month Event Title: h1.eventlist-title Event Hour: li.eventlist-meta-item.eventlist-meta-time.event-meta-item Event Description: .eventlist-description Event Detail Page Event Detail Page: .collection-type-events.view-item Event Title: h1.eventitem-title Event Date: time.event-date Event Hour: li.eventitem-meta-item.eventitem-meta-time.event-meta-item Event Description: .eventitem-column-content Event Pagination: section.item-pagination.item-pagination–prev-next Previous/Next: .item-pagination-link .item-pagination-prev-next Event Pagination Title: h2.item-pagination-title Portfolio title: h3.portfolio-title item: .portfolio-grid-basic portfolio image: .portfolio-grid-basic .grid-image pagination: [data-collection-type=“portfolio-grid-basic”].item-pagination pagination text: h2.item-pagination-title pre text: .item-pagination-link–prev .item-pagination-prev-next next text: .item-pagination-link–next .item-pagination-prev-next Checked & Wrote by tuanphan

Thank you all for your thoughtful questions for Squarespace Expert Matt Callahan’s SEO AMA. He’s responded to the top 10 questions below. If you’re interested in learning more about Matt or hiring him for a project, you can contact him through his Squarespace Marketplace profile. Can you share your definition of SEO, as well as your model for its Return on Investment (ROI), and compare this to an investment in paid search? SEO, Defined My definition of Search Engine Optimization is simple: SEO is anything you do to make your website more attractive to a search engine. This includes onsite SEO, linking, coding, content, keywords etc. — but it also includes things like creating videos, a robust social media presence, or a compelling white paper. These are all part of SEO because they are all potentially relevant and interesting to your audience, and Google cares A LOT about your audience — almost as much as you do. They want to make sure that the results they serve up are the best results, and if they see an audience interacting with content — any kind of content — that leads back to your website, that’s a signal that they should pay attention to your brand. SEO ROI Search Engine Optimization, like any marketing tool or tactic, has a variety of ways to measure efficacy. It can be measured apples-to-apples right alongside paid search campaigns, using tools like Google Analytics and Tag Manager to track conversions on your website (whether it’s a purchase, a form submission, or an email signup) vs. cost. Where organic SEO absolutely blows paid search away, is in Brand Authority, and Brand Authenticity. At the end of the day, search engines are used to answer questions. If your brand is the one Google has “selected” to provide the answer to a search query, your brand is now effectively the expert on that topic. And that expertise, that “Authority,” is invaluable on a scale that a paid ads campaign could never touch. Think of it this way: If you stop an AdWords campaign, all results stop immediately. But if your organic search presence is established and authentic, you’ll get traffic, leads, and ROI for a long time to come. Do you conduct a Site SEO Audit for clients, how do you approach new clients, what information do you look at in Squarespace and what tools do you recommend? As an agency, we always conduct an SEO audit as part of our work. As far as approaching new clients, most of the time we’re responding to inbound leads but even if we were reaching out to prospects, we would be asking the same question: Is your website working as hard as you are for your business? And if it’s not, how can we fix that? There are so many different variables and data points to look at when determining an SEO strategy, but for the sake of your question I will stick to the 3 big-picture things we generally look for during an SEO audit: Site Structure and Metadata How is the site set up? Is there already a sitemap, and does Google have an up-to-date copy of it? (Google Search Console can help out with this.) Is all metadata filled out, and filled out properly? Are images optimized for size? Does the site load quickly? (Screaming Frog is a great tool to check this.) Is the site properly mobile-optimized? Are H1s, H2s, and H3s structured hierarchically? Link Strategy Are there internal links, and do they work properly? (Both Screaming Frog and Google Search Console are great for this.) Are there backlinks to the site, and are they helpful/broken/garbage? (Ahrefs is great here.) Are there outbound links on the site, and are they good/helpful/working? (And yes, outbound links do affect your SEO.) Onsite Content Is there content on every page of the website? Is it enough content to be helpful? (The argument continues to rage over “how many words does Google want on a web page?”, but at the end of the day, if the content that’s there is what the audience is looking for, length doesn’t matter so much.) Are there a good amount of strategic keywords in the content? What types of searches; informational, comparison, transactional, and so on, should we be optimizing our site for - what part of the searchers journey should we target to optimize our investment in SEO? This completely, 100% depends on the industry of your brand. Optimizing for products is very different from optimizing for services, which is very different from optimizing for blogs, and so on. That being said — you should always strive to be as useful and helpful to your users as possible. What questions are being asked by the prospects served by your industry? Are they comparing two products? Are there frequently asked questions? Do some questions not have answers (or are the answers that are there wrong)? Are the questions about price, or timing, or the meaning of life? Depending on the brand, these questions may or may not be relevant — find the questions that are relevant, and answer them as authoritatively and completely as possible. Be helpful. What's your best advice for keyword research without investing in one of the expensive tools? There are TONS of free or inexpensive tools out there to assist with keyword research — here are my three favorites: Google AdWords Keyword Planner is an excellent free resource; creating a Google Ads account is free, and you can get really helpful info like search volume data, average cost per click (which helps you figure out what keywords are most valuable and most competitive), historical keyword data, and the ability to generate new keyword ideas based on your industry and service offerings. Moz has a really excellent (and free) Keyword Explorer that gives you most of what Google’s Keyword Planner does, but it also gives you things like who is showing up in top results for keywords, the ability to see what keywords you’re already ranking for, and the ability to compare your rankings directly with your competitors. Answer The Public is a great tool for finding more detailed and abstract keywords (“long-tail” keywords) like full questions (“What does an SEO agency do for small businesses?”), comparisons (“SEO Agency vs. SEO Practitioner”), and more. (Note: Their free version limits you to a few searches per day.) Do you have any Squarespace-specific suggestions for optimizing local SEO for a business with multiple physical locations? Let me say this first: Regardless of the website platform, the single most important thing you can do for local business SEO (with 1, 5, or 100 locations) is to create and optimize your Google My Business profile. If you have 10 or more locations, this Google support page can help you bulk upload, verify, and manage multiple listings. Another great platform-agnostic optimization for locations is Schema markup — and helpfully, there are versions for both single and multiple locations. I won’t go into detail about this here, as there are many factors that affect implementation, but reaching out to an expert who knows their SEO stuff will help. Now — to the Squarespace-specific recommendations: Local SEO For Businesses With 2–5 Locations If possible, I would suggest creating a separate page on the website for each location. This will allow you to optimize specifically for each separate address. NOTE: this is helpful *only* if the content on each page is unique — if you include the same information and only change the address and contact info, Google will most likely see these pages as duplicate content. Not helpful. Another suggestion apart from separate location pages is to use something like the Advanced Map Block feature from Squarewebsites, or Google’s My Maps feature to include multiple locations inside the same map. Local SEO For Businesses With 6+ Locations Optimizing for lots of locations is difficult no matter what platform you’re using — but there are a few things that we recommend here. First, and easiest, would be to create a simple text list of your locations on your Contact page, and link them to their respective Google Maps listing. On a slightly more involved — but also much more sleek and helpful — level, you could create a searchable/filterable database of your locations using something like Squarewebsites’ Universal Filter feature. This method is great particularly because people would, in general, much rather filter or search for what they want instead of scrolling through lists. Again — search engines like when you’re helpful. How do you add Schema Markups in Squarespace to get featured on the SERP sections? Great question — Schema is a really important part of SEO, as it can have a huge effect on whether or not your site shows up within Google’s “rich results” area, also known as “rich snippets” or “featured snippets.” As far as actually adding your Schema markup to a Squarespace site, there are two main ways: Using the Data Highlighter Tool Inside Google Search Console This is the simpler and faster way to add Schema markup to your site, and although it’s not foolproof, it doesn’t involve writing code. Google has a good introduction for using Data Highlighter here, where they basically walk you through what to do for each page on your site. The downside of this option is that it doesn’t work with all types of Schema, like recipes and certain kinds of reviews, for example. But if you want a basic, fairly code-free way to add Schema markup to your site, this is it. Adding Schema Markup To Your Site Manually This is the much more complicated way to add Schema markup to your site, as it involves a good amount of digging through code and writing your own — but it’s definitely the more comprehensive route. One you have the markup ready, it will be inserted in the Code Injection area of your website backend, as well as by using code blocks on pages (depending on the Schema type). I won’t attempt to give you a breakdown of how to actually write Schema markup, but schema.org is an excellent place to start. And of course, you can always reach out to me if you get stuck or have more questions. How much does image optimization matter to SEO overall, and what are the best ways to optimize images on a website? In the grand schema of things (sorry), optimizing your images isn’t the single most important thing in the world when it comes to SEO — but it certainly matters. Optimizing your images breaks down to two major categories: image size, and image metadata. Let’s break those down a bit further, shall we? Size The smaller your images are in terms of megabytes (or hopefully kilobytes), the less space they will take up, and the faster your website will load. Google has indicated a number of times that page load speed, particularly on mobile, is looked at as a ranking factor — and the number 1 culprit of a slow-to-load Squarespace website is overall image size. But what about those large, border-busting fullscreen banner images, you ask? Shouldn’t they be full size to ensure they look spectacular on your website? Yes, of course they should — but just because their dimensions are large doesn’t mean that they have to be large in size as well. Get them down to 2500px in width, and always use an image-size-optimizing tool like tinypng and you’ll be right as rain. Image Metadata Google’s robust image search function gives you another opportunity to rank in the results — after all, a full third of all Google searches are for images. But how exactly do you rank an image? The answer is in the metadata. Images have multiple kinds of metadata, which means multiple opportunities to optimize. Here are three simple things you can do to optimize your image metadata: Give your images a short, descriptive, accurate filename, so instead of “img_5727529v.jpg” you might have “seo-tips-infographic.jpg” Add helpful ALT tags to your images — originally developed to help the visually impaired, ALT text is also used by Google to interpret the makeup of an image. Squarespace has a helpful guide on how to add ALT text to your images here. When possible and/or appropriate, image captions are also very helpful. Make sure that they reside close to the image (preferably directly under the image), and make them short but descriptive. I’ve been told that no Squarespace website will ever be as good as a Wordpress website for SEO, particularly because you can't use the Yoast plugin with Squarespace. Is Wordpress actually better for SEO? Utter Balderdash. While there are some platforms out there that are genuinely crap for SEO, Wordpress is no better than any other website or CMS platform in existence. In fact, here are three reasons why I greatly prefer Squarespace to Wordpress for SEO: Security Wordpress is in the dark ages when it comes to security (see: plugin vulnerability, platform vulnerability, PHP vulnerability, hosting vulnerability, I could go on and on) — and in this day and age, it’s extremely important to Google if your website is secure or not. Squarespace’s lack of plugin infrastructure is actually really helpful here — fewer logins + fewer accounts + fewer updates + free, automatic SSL = a secure website. Mobile Responsiveness It’s hard to believe that this is still an issue, considering that we were warned back in 2013 that Google was going to start to prioritize mobile optimization. Squarespace websites are all responsive by default. With Wordpress websites… it depends on the theme, it depends on the version, it depends on the update. Also, unless you install a site builder plugin (again, vulnerabilities though), getting your Wordpress theme to be mobile responsive and actually look nice can require a ton of coding. Squarespace Enables The Person Doing The Optimization At the end of the day, any decent SEO can easily overcome particular platform issues. What separates decent SEO from really, really great SEO isn’t about the platform at all — it’s about understanding the industry you’re in, the goals you’re trying to attain, and the ability to answer questions and truly create a resource out of your brand. That involves creativity, great writing skills, the ability to improvise, and most importantly, the ability to understand what your users want and how they’re feeling. Once you have those things, Squarespace makes implementing them (implementing anything, really) so much easier than Wordpress. How has SEO changed both with the continued move to mobile, and the establishment of Amazon as a primary search engine and Facebook etc. as primary platforms on the web? SEO And The Mobile-First Web As I mentioned earlier, Google has signaled for many years that they use website mobile optimization as a ranking signal. So, has anything shifted recently? Yes — that “signal” has evolved into more of a requirement: Back in 2018, Google announced that they would be slowly transitioning to “mobile-first indexing.” This means that Google will primarily use the mobile version of a website for both ranking and indexing. As of today, this transition has been implemented — and there’s no way to opt out of this, either. Luckily, Squarespace’s built-in mobile optimization for every website means you should be good to go with this issue — but if you want to get nitpicky like I do, you can use Google’s Mobile-Friendly Test to dig down further.
 Amazon, Facebook, And The Rise Of Alternate Search Engines As with any marketing strategy, there will always be both tactical and scattershot approaches. I’m fond of both — identify your likely performers and drill down deep, while also throwing things at the wall and seeing what sticks. If you sell products on Amazon, it’s possible that optimizing for Amazon’s search may be more important for the success of your business than optimizing for Google. If your industry or target demographic is just right for social media, then Facebook might be your priority. There’s no one-size-fits-all answer to this question, unfortunately — but I always recommend more brand visibility over less, so if it makes sense for your brand to be on a platform, why not do it and see where your customers are most likely to find you? What is the number one thing that all Squarespace site creators should do regarding SEO? Understand that there will be multiple actions to get better rankings, but if you had to name just one, what would it be? Oh man… just one? That’s such a hard question to answer because there are so many variables, based on what kind of site you have, what kind of industry you’re in, and what your goals are. But if I had to pick just one thing to do, across any business/industry/goal, I would say: Make Your Content The Absolute Best It Can Be. That’s the biggest variable out there. The Squarespace platform does a great job with the basics of the backend SEO stuff — it will submit a sitemap to Google automatically; the platform is secure and gives you a free, automatic SSL certificate; mobile-responsiveness is built-in and really great. But at the end of the day, Google will prioritize interesting, relevant, timely content that matters to your audience over things like meta descriptions and alt text.

Has anyone who has previously used Squarespace and was familiar with the design process tried making a new, from scratch site using 7.1? All of the Design customization is GONE! There's a super convoluted way to go in and customize in settings, but you still have way less control than before — not to mention the templated font combinations are TERRIBLE. Is there any way to go back and use the old Squarespace??! Is any one else as angry about this as I am? It's like Squarespace decided they wanted to make the design process baby boomer-friendly, since... yanno, that is who is designing the vast majority of websites.

(Updated: SS 7.1) Some custom code (CSS) to change color Navigation Link Navigation Hover Link Navigation Active Link >> 92 Templates Navigation Custom Font Notes Add code to Home > Design > Custom CSS The code is based on demo at squarespace.com/templates, so they may not work for some websites or navigation with dropdown If the code doesn't work, try adding !important to after, eg: color: #f1f2f3 !important; If you have any questions/found issues, just comment below or send me a private message. Thanks. Avenue Template /* Nav item color */ .main-nav ul li a { color: #ff0000 !important; } /* Nav item hover color */ .main-nav ul li a:hover { color: violet !important; } /* Nav item active color */ .main-nav ul li.active-link a { color: green !important; } Aviator /* Nav item color */ nav#main-navigation ul li a { color: #ff0000 !important; } /* Nav item hover color */ nav#main-navigation ul li a:hover { color: violet !important; } /* Nav item active color */ nav#main-navigation ul li.active-link a { color: green !important; } Bedford Family: Anya, Bedford, Bryant, Hayden, Bedford /* Nav item color */ #mainNavigation div a { color: #ff0000 !important; } /* Nav item hover color */ #mainNavigation div a:hover { color: violet !important; } /* Nav item active color */ #mainNavigation div.active a { color: green !important; } Brine Family: Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Custom Template, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West, Brine. /* Nav item color */ .Header-nav-item { color: #ff0000 !important; } /* Nav item hover color */ .Header-nav-item:hover { color: violet !important; } /* Nav item active color */ .Header-nav-item--active { color: green !important; } Farro: Farro, Haute Same as Brine Five /* Nav item color */ nav#main-navigation ul li a { color: #ff0000 !important; } /* Nav item hover color */ nav#main-navigation ul li a:hover { color: violet !important; } /* Nav item active color */ nav#main-navigation ul li.active-link a { color: green !important; } Flatiron /* Nav item color */ ul#nav li a { color: #ff0000 !important; } /* Nav item hover color */ ul#nav li a:hover { color: violet !important; } /* Nav item active color */ ul#nav li.active-link a { color: green !important; } Forte /* Nav item color */ #topNav ul li a span { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover span { color: violet; } /* Nav item active color */ #topNav ul li.active-link a span { color: green !important; } Ishimoto /* Nav item color */ #topNav #nav li a { color: #ff0000; } /* Nav item hover color */ #topNav #nav li a:hover { color: violet; } /* Nav item active color */ #topNav #nav li.active-link a { color: green !important; } Momentum /* Nav item color */ #topNav ul li a { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover { color: violet; } /* Nav item active color */ #topNav ul li.active-link a { color: green; } Montauk: Julia, Kent, Montauk, OM Same as Momentum Native /* Nav item color */ #navBlock ul li a { color: #ff0000 !important; } /* Nav item hover color */ #navBlock ul li a:hover { color: violet !important; } /* Nav item active color */ #navBlock ul li.active-link a { color: green !important; } Pacific: Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific /* Nav item color */ #mainNavigation div a { color: #ff0000 !important; } /* Nav item hover color */ #mainNavigation div a:hover { color: violet !important; } /* Nav item active color */ #mainNavigation div.active a { color: green !important; } Skye: Foundry, Indigo, Ready, Skye, Tudor /* Nav item color */ .nav-blocks-wrapper div a span { color: #ff0000; } /* Nav item hover color */ .nav-blocks-wrapper div a:hover span { color: violet; } /* Nav item active color */ #mainNavigation div.nav-link--active a { color: green !important; } Tremont: Camino, Carson, Henson, Tremont /* Nav item color */ #mainNavigation div a span { color: #ff0000; } /* Nav item hover color */ #mainNavigation div a:hover span { color: violet; } /* Nav item active color */ #mainNavigation div.active a span { color: green; } Wells /* Nav item color */ div#topNav ul li a { color: #ff0000 !important; } /* Nav item hover color */ div#topNav ul li a:hover { color: violet !important; } /* Nav item active color */ div#topNav ul li.active-link a { color: green !important; } Wexley /* Nav item color */ #topNav ul li a { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover { color: violet; } /* Nav item active color */ #topNav ul li.active-link a { color: green; } York: Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor, York /* Nav item color */ .site-navigation div a span { color: #ff0000; } /* Nav item hover color */ .site-navigation div a:hover span { color: violet; } /* Nav item active colo */ .site-navigation div.active a span { color: green; } Squarespace 7.1 /* Nav item color */ .header-nav-item a { color: #ff0000 !important; } /* Nav item hover color */ .header-nav-item>a:hover { color: red !important; } .header-nav-folder-item:hover a { color: red !important; } /* Nav item active color */ .header-nav-item--active a { color: green !important; } Created by Tuan Phan. Share to be shared more.

Hey everyone! This month, we are excited to have Matt Callahan, founder and CEO of Delphi and Squarespace Expert in the Marketplace, answer your biggest questions about SEO. Delphi is a strategic marketing and design agency headquartered in NYC. They offer a full suite of design and marketing services, while specializing in Squarespace website development and SEO. SEO (search engine optimization) is the process of making your site better for search engines, so that when people search for products or information that you offer, your website is more likely to appear in their search results. Optimizing your site for SEO could mean more site traffic, and potentially increased revenue. There are a lot of SEO tactics and tools, and the best practices are constantly changing, which is why Matt is here to answer any questions people in the Squarespace community have about optimizing their site’s SEO. Please reply to this topic with any questions you have by Monday April 6th, 8pm EDT! If you see any questions you want to see answered, simply like the question. Matt will answer the top 10 most liked questions.

I really wish Squarespace would hurry up and roll out this feature. The ShareThis buttons are ugly and criminally outdated. They looked cool in 2009, not so much now.

I ran across this SS support page when researching how to delete imported images. "Deleting an image you've uploaded or a Getty Image preview removes it from the Imported tab. If you’ve used the image in multiple places, it will stay in the Imported tab until you delete all copies. If you're still seeing it in the Imported tab, you may need to empty your site's trash can." However, I'm not finding the statement to be accurate... it appears any image I import stays in the Imported tab, even if deleted from the page, not used throughout the site, and the trash is empty. Just curious if anyone else has put it to the test?

From everything I've read it looks like the move to 7.1 (and removal of specific templates in favour of design styles) means header search is now gone. Same story with the Sidebar. Both features no longer seem to be supported which is super disappointing. The irony is that the Squarespace's own sites use both of these features (header search and sidebar) heavily. They are great features, please bring them back.

I've been using Squarespace for years and just tried to start a site with 7.1 and I agree, it's awful. The lack of design customizability options is completely unusable for me. If they discontinue 7.0 without making major changes to 7.1 first I'll have to stop using the platform.

Just spoke with someone on chat (very good experience, by the way) and this is still not possible. The whole point of providing the ability to capture taxes separately is to make my job easier when filing with my state's taxation department. If I have to figure out which items were incorrectly priced due to non-taxability, I've lost that convenience and I might as well *not* separate taxes from my product prices. Please, developers, add this feature. Wix + Weebly handles this properly! A simple checkbox on each product would suffice. I have to admit that I'm amazed this site/product/store is as popular as it is without this feature - it really made me think I was missing something. But nope. I hope this gets resolved so I can switch to SquareSpace from a competitor - I like the looks!

I had this exact same issue today and support wasn't sure either. However, I managed to figure it out! You need to select blog post title above the header. Not very intuitive. See below:

There is a min-height of 33vh set on sections. You need to override that to get the sections smaller. For all sections this would be: .page-section { min-height: 0 !important; } For a specific section you need to specify the data-section-id that can be found by inspecting the page code using your browser's developer tools. Somethig like this: .page-section[data-section-id="5d979fd8590a832f3c411579"] { min-height: 0 !important; }

Definitely something that needs fixing. Especially with the "Duplicate Site" feature... What if you create a "template" and want to use it for a different client... But then they have all the old photos cluttering up their page!

No offense to colin.irwin, or anyone else, but this is a little bit ponderous from a user/content creator perspective. Is there any other reason for the inability to delete content that is uploaded? Just for my situation, I'm an artist, I just need one site which I have, but there is plenty of uploading and removing, as work gets older and/or you make newer better work. So there will be plenty of iterations. There are a couple ways to think about this. - I have uploaded content that is created by me, and I'm not saying anything will happen to it probably, but I therefore have no control that is on your servers once it's uploaded. It's uploaded and can't be removed. Little troubling, if I don't want it up there anymore, as the owner of it. And isn't that akin to saying that SS now technically co-owns it, since its up and says I can't remove it? Indirectly speaking. - Maybe there's a scenario - where I work with a studio, to produce some work. I have the ok to upload and show it on my SS site. But what if, for some reason, they want it down? Granted, I can remove it from visibility. But I still have a duty to them to remove it from any place they don't want it. - I linked my Instagram, but it initially went to a more personal account, rather than a work oriented account (which I had picked anyway). But now personal images (safe for work, but still personal nonetheless), are in that Uploaded section. And they can't be removed. Not good. - Just looking at it practically - scrolling through the uploaded list can be a little cumbersome if there are a lot of old images in there. Some may be undesirable to use anymore, but there are still older ones that are pertinent, so you still have to go through the list. And it can be a little slow. - The functionality to do this very thing, is indeed there for Wix. Just tested it. There are more scenarios we can think of, but no point in going on and on. But from the perspective of the user and as a creator, it overall makes me a little wary of staying with SS, to be brutally honest.

I would suggest trying to find a developer from this forum rather than marketplace. If you hire someone from marketplace a large percentage of the fee goes to 99Designs (who host the marketplace) whereas a developer hired from the forums will get the full fee. Be nice - don’t give 99Designs a slice.

Dear Squarespace team, Full-width sliding images with the ability to place the same or different text and buttons on each image is absolutely a feature we need. I get this request on literally almost every site I build. I believe it is a feature that would get used millions of times over. I love what you have built and the more I get used to 7.1, I can see it's advantages. Adding this feature would make 7.1 an absolute no-brainer. Please acknowledge our collective desire to have this implemented as soon as possible. Thank you for all you do!

Agreed, it definitely feels like it's been made to accommodate business owners who know nothing about web (and probably are only shooting themselves in the foot by doing their own website) and a big middle finger to the designers they hire to build them sites (who actually know how to give them a site with brand consistency, that navigates easily, flows through information at a good pace, etc). I like the page layout features, but good god the type and color global changes are just shit.

Hey @rsmith3074 - I realize you posted this weeks ago but I just now got back onto the forum and wanted to share the answer in case you still needed it! I use CSS to do this; this code does the trick for me. Hope it helps! .header-burger { display:flex!important} .header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important}

Agree- this is definity something that needs attention. I sell product (taxable in my state) as well as a non taxable service (such as a workshop) that does not get taxed. My only option is to refund the sales tax to those who purchase a non taxable workshop-not ideal! Please add a feature to make this possible! Thank you!

I've run into a bit of an issue with hiding individual collection pages in Squarespace 7.1. Normally, by clicking on the settings for a page, you are able to enable or disable that page. However with the new system of "Portfolio Collections" that page disable option does not exist for individual portfolio project pages. I may be mistaken, but as far as I can tell, there is no way to hide these pages (screenshots attached for reference). This is incredibly troubling as you cannot create drafts of projects, nor if you are duplicating other projects, they will be live with duplicate content until you fix it. I was thinking possibly that you could move collection pages to other collection pages(in the way you can move products from shop to shop), so in essence you could pre-build the portfolio page on a hidden portfolio collection and move it to the live portfolio collection, but there doesn't seem to be a way to do this either. Any advice on how I could make hidden pages in the existing Portfolio Collection system or is this just a fault in the new version?

Wow! Come on Squarespace! I've been a big supporter, but it REALLY sucks to commit to the 7.1 platform and then find out that some of these basics are not supported. Please don't be such a growing disappointment.

This is a joke, any standard blog page should have a share buttons readily available. Come on Squarespace, make it available, or will this be another app that we have to pay for. Starts to feel a bit like I am dealing Ryanair.

Why are normal and basic e-commerce store features missing? (The elephant in the room?) Here's a list of complaints I have. My basic question is why isn't Squarespace trying to offer features to seriously compete with Shopify and others to expand their business? Why are the following missing? There's no option to sort/filter products by tags, availabilty, sales, color, or anything else. There's no built in option for product reviews. You can't expect everyone to figure out coding and troubleshooting every single time they want a basic, ubiquitous store feature. There's no ability to add all products to a single page. Likewise, there's no ability to add all sale products on a single page to show a "clearance" section. There's a limit to adding more than 200 products on a single collection, meaning you have to make new collections for each category. Why jump through hoops to invest in expanding your product offerings? Why not just a single collection like any normal store??? There's a consistent value for design in Squarespace which is what attracts any sensible person, but why are there consistent shoddy designs??? A built-in inability redesign the Search page, the Checkout page, the account page, the login page, etc etc. Why are functionality updates not easy? Why the crazy hassle to go from 7.0 to 7.1? Why can't I easily get new features and be confident for my business investments? Why do popular features have to disappear when there is an update even then? For example, parallax is gone with the update. Other normal store features that should be standard to ease merchant usage are missing also. Product color to image linking, liking products. Why is the functionality of different themes restricted instead of simply design? I'm reading 7.1 fixed this, but the point still stands. Why not just have a simple flexible design language where everyone can have every feature and not have to go through the hours of work required to apply new themes Why all the rigidity?? Why can't I edit a gallery's transition settings when directly in an index, but only in a gallery block? Why no limit on how many product's per page?? Isn't that normal? Why is there no built in return/exchange mechanism? Why do you make us pay for basic store features??? Why is Shopify automating basic calculations like adding statebystate tax information, and you guys are making us do it manually or pay for it? This is crazy. Also why not integrate live shipping costs from different shipping services by weight, etc. Why do these basic basic features need to be such a hassle. Why no drop shipping integrations?? Is that like a crazy thing to ask for? Why no integrations to Printful competitors. Please start investing more in your ecommerce side. Integrations are lacking, features are lacking, Please compete with shopify. You guys are just ASKING us to migrate elsewhere. Its constantly frustrating to encounter squarespace limitations and dragging, cloggy updates. I'm sure there's many more basic features that are missing. These are just the ones I've been facing.

Site URL: https://de.squarespace.com/ I have seen the new Squarespace Cookie Banner on the German Squarespace website. When will it be available for our customers? Finally it is possible to control Cookies without Cookiebot and Google Tag Manger. see screenshot

Having the option within the WYSIWYG editor to set the appropriate rel= info is actually very important. The rel=nofollow and rel=sponsored attributes play a critical role for Google. We love the Squarespace platform, but this simple option missing is a significant problem.

I'm also having a problem with date formatting. The American date formatting looks jarring to our predominantly European viewers. Is there a fix coming, Squarespace?

I agree, I also wish to sell products with and without taxes, a simple checkbox on each product, taxable or not. Would be a godsend!

What's your best advice for keyword research without investing in one of the expensive tools?

Hi JGutierrez, Matt, I want to know how to add Schema Markups in SquareSpace to get featured on the SERP sections?

@JeroenB @rosieames I posted a quick guide to help you add the year to Squarespace 7.1 blog posts: https://sf.digital/squarespace-solutions/date-styles-on-squarespace-71-blog-posts Let me know how you get on.

323/5000 Version 7.1 is horrible, I feel like using any other web page creator page. It is not possible to modify the templates in 7.1 as much as in 7.0 They have gone back in functionality, squarespace 7.1 is made for the basic user who wants to have a website equal to any other website out there, not cool. Anyone knows how to go back to 7.0 from 7.1 on a new site?

I've asked SquareSpace for the same thing. They should give users the options to override tax.

This is an essential feature that is still missing. I've been using squarespace for 4 years now, and I can't tell you how much time I've wasted doing tedious block duplication. Please add this to the developer task list. Add it to a sprint, do something. Talk to a producer. Get it done!

I am guessing SS has never implemented it due to all plans having "unlimited storage", while Wix has a 50 GB cap. Still a poor reason to not include the function...

Looks like they use a background image for the underlines instead of text decoration or borders, so this worked for me in the CSS Editor: a {background-image:none !important;}

Try adding the following to your custom css area (Design > Custom CSS) .html-block a:not(.sqs-block-button-element) { color: red !important; // standard link color &:hover { color: blue !important; // hover color } &:active { color: green !important; // color link goes when clicked } } Then insert the colors you need.

You should insert the code into the Footer injection point Go to Settings > Advanced > Code Injection and insert in FOOTER area Please note that Code Injection is not supported on personal plans. You will need a Business or Commerce Squarespace subscription

Welcome to the new Squarespace Forum! We’re excited to re-launch this peer-to-peer community and expand our focus to help our customers connect and share code, design, and business advice that will help you be successful with Squarespace. In addition to topics around building and customizing your site, we’ve added more around getting feedback and advice about your site’s design (Feedback and Ideas) and ways to increase your presence online (SEO and Marketing). Please read over our Forum Guidelines so we can make sure this is a helpful, inclusive space for everyone. If you encounter any technical issues or need assistance with your forum account, please reach out to the Community Team. For Squarespace account assistance, please contact Squarespace Customer Support.

Hello, I am setting up a blog using 7.1 and would like it to show as an infinite scroll. Does anyone know if this is possible? Is there a way to override the 20 post limit? I can code the summary block to exceed 30 posts but I need to use categories and these take the visitor back to the original blog. Any help or feedback would be greatly appreciated. Thanks! Marcus

What's even more confounding, is that the controls are there. They simply don't work as yet. Social sharing is such an integral part of marketing for most of us, and it would seem to me that implementing this function should have been at the top of the list of things-to-do for the Squarespace team.

So, who might be in charge for the implementation of this to all Squarespace websites? We need it so badly, all Squarespace sites are illegal with the old cookie consent right now, the only legal solution in the EU as of today is to switch off all cookies, which is such a bad idea when it comes to all things marketing & analytics. Dear @yoshe are you involved in this?

What prompted you to build your new site on Webflow versus Squarespace? And what differences in search performance have you seen as compared to your older site?

I don't like to complain about stuff like this, especially when I know there are teams of people who work on these services and they're doing the best they can (thank you!), but: I created an account only to gripe about how terrible of an experience I've had with 7.1. Altogether I've spent over 5 hours trying to figure out how to convert the menus in the header from horizontal format to vertical. I also wanted to put my page's title/logo at the bottom of my homepage. I've been using Squarespace for years, and have loved it and this kind of stuff was easy to do. However, I did not know that my new account was using a new version (7.1) that was very different. I googled over and over, "Squarespace vertical menu in header", and kept landing onto the same help pages on Squarespace support. All of them had clear instructions that directed me through menus and options that simply did not exist in my UI. I was pulling my hair out. I contacted numerous friends who do this stuff for a living; each of them told me to just choose "vertical" in the header style options. I combed through the entire menu system, still could not find any way to do this. I then engaged with the chatbot. Told it the same thing. It again directed me to the same page! Eventually I discovered that on the page it states (clearly, so I guess this is my bad) that I need to go to a different page to see instructions if I am using 7.1 (which i did not even know I was using). Scanning that page, there isn't any way to create a vertical menu in the header. So then I figured, ok let me change this template to a template that exist on Squarespace website that has vertical menus. Lo and behold, there is no way to do this in 7.1; again had to discover this the hard way. Finally I went to create a new page using 7.0 so that I can have my vertical header, and so that I can put my logo at the bottom of the homepage. Honestly, such a terrible user experience. Sorry for the rant. In the future, Squarespace, please make it abundantly clear, for dummies like me, that 7.1 is dramatically different than 7.0, and that if i cannot find a feature that i expect to, perhaps it's because I am using 7.1. And also - please add the option of making my menus vertical? Like - why not???!

Hi @arek It's way too easy what you have to do is to put the following code to Settings > Advance > Code Injection>Header ,What this code will do it will pop up every time user visit the website. <script> window.localStorage.setItem('test', '0'); window.localStorage.setItem('squarespace-popup-overlay', '0'); </script> Tested and it worked perfectly fine , Hope it works perfectly fine for you 🙂 NOTE: TEST IT ON INCOGNITO OR ON PRIVATE WINDOW. If it works for you don't forget to mark it as solved by clicking arrow on top left of this answer 🙂

Here's how I did it: 1. Name and enter your link: ex: #about 2. Add your anchor: code block: <p id="about"></p> 3. Smooth our scroll: Open custom css and add: html { scroll-behavior: smooth; } Site is still private for a client but I can link to it as proof once it's live.

I'm surprised that changing country in the region settings for a site keeps the default US date and time format. Are there any plans to add custom date formats or to adhere to the international ISO 8601 standard for date and time? Not being able to use YYYY-MM-DD for dates or 24 hour time format without AM/PM is currently a no-go for transferring or creating Swedish sites to Squarespace. Is there a hidden solution to this anywhere that I have missed?

I am one of those that never complains on these type of forums. I know the developers work hard. Sorry but this is one of the stupidest things I’ve seen in a while. Why in the world would they force their customers to have to rebuild the websites from scratch? I just don’t get that. That’s backwards. I love squarespace. I preach squarespace. It’s like a freaking religion. But this is absolutely stupid! What if someone has a lot of content on the website? What about several years of blog posts? And you want people to sit there and copy and paste all that BS? The images don’t transfer. What if you have all images on your website that you don’t have any longer? This is a stupid move squarespace!

As a test I created a gallery called test gallery. Then I gave some of the items in the gallery links I created a summary block on another page that uses the gallery as the source of its images. Then I created a css rule to kill pointer events for any summary items whose link is from the original gallery (begins with /test-gallery). It works as expected. Items with no clickthrough url have a standard cursor and are not clickable but those with a clickthrough work properly. Here is the code - insert it at the bottom of your custom css area after any other code that may already be there. You'll need to tweak href ^= "***" to reflect your gallery slug .summary-item a[href^="/test-gallery"] { pointer-events: none; }

@CaptainMaze Add to Home > Design > Custom CSS .homepage .header-announcement-bar-wrapper { background: rgba(0,0,0,0) !important; }