Leaderboard

Some CSS Class/ID for Squarespace 7.1 Announcement Bar Announcement bar: .sqs-announcement-bar-dropzone Announcement bar text: .sqs-announcement-bar-dropzone p Announcement bar link: .sqs-announcement-bar-dropzone a Header Header: header#header Sticky Header: header.shrink Header (not include sticky header): header#header:not(.shrink) Site Title: a#site-title Site Title (when overlay menu open): .header--menu-open a#site-title Site Title (when overlay menu close) body:not(.header--menu-open) a#site-title Navigation: .header-na

Site URL: https://beyondspace-showcase.squarespace.com/?password=1234 Hello fellows, I am about to launch my latest Squarespace Plugin - Sphere Viewer Block. It provides an easy-to-use interface to integrate your 360 spritesheets images into Squarespace site, I wrote it so you can create it from Block Editor. I will give 5 single-site license for first 5 builders/designers who is interested in adding this feature for their site, I am welcome the feedbacks to make it work well before launch You can leave comment below or DM for access DEMO: https://beyondspace-showcas

Hi, Vanessa! First off, congrats on building your own website. Here are a few thoughts for you to consider. On your home page, show off your most recent work (this can be one large image, or a series of images, but go for the *wow* factor). I think I'd use one really fabulous large image, and link it to the portfolio category that fits that work. This way, when you have new work, your site will look different, and that gives visitors a reason to return periodically to discover what's new. Same thing with the section that pertains to your online shop, so it's a "What's new" teaser t

On Squarespace, blog post URLs always begin with the Blog Page URL slug, for example, domain/blog-name/post-name. You cannot remove this. However if you keep the post titles the same when you import them, you can move your blog to Squarespace without losing the original links. To do this go to Settings > Advanced > URL Mappings then add the following single line of text, where "blog" is the name of your new Blog Page. /[name] -> /blog/[name] 301 When you save your changes, all imported blog posts can be reached with their original links. For example, domain.com/post-n

I'm a big fan of using a CRM tool. I just moved from Dubsado to HoneyBook and it's been amazing. Most things are automated on my end, which saves me time. And the client sees a cohesive branded experience and isn't waiting on me for certain steps. Just one example, after they pay their deposit they are automatically prompted to answer a questionnaire and set up a strategy call.

Remove width and height attribute on iframe and add this css to Design_Custom CSS, it will make the iframe container fit viewport #block-yui_3_17_2_1_1617144028502_3267 { position: fixed; top: 0; left: 0; height: 100%; width: 100%; padding: 0; } #block-yui_3_17_2_1_1617144028502_3267 .sqs-block-content { height: 100%; } #block-yui_3_17_2_1_1617144028502_3267 iframe { top: 0; left: 0; height: 100% !important; width: 100% !important; }

The only aspects you can control are the filesize of your images and the code that you add manually using Code Injection or Custom CSS. However, the size of your own code will be a drop in the ocean compared the size of the built-in Squarespace code and so optimisation won't really make a difference.

1. You assign the name of the hidden field and choose edit to get its generated name for the form, in this case it is 'footer-pagepath' -> 'SQF_FOOTER_PAGEPATH' (make sure it is unique name) 2. Add this snippet into settings->advanced->code injection->footer <script> document.addEventListener('DOMContentLoaded', function() { if (document.querySelector('[name="SQF_FOOTER_PAGEPATH"]')) { document.querySelector('[name="SQF_FOOTER_PAGEPATH"]').value = location.pathname; } }); </script>

@StoriesAroundTheSun Add the following to Design > Custom CSS. #footer-sections .sqs-block-html a { text-decoration : unset; } This is for v7.1. Let us know how it goes.

Site URL: https://www.spiritofhealthkc.com/ For several months now our search bar has not been working properly. We have a title called, "Best Practices For Avoiding & Combating Viruses" but if you search the full title these ways, it says it can't find anything: "best practices for avoiding & combating viruses" "best practices for avoiding and combating viruses" "viruses" "Best Practices For Avoiding and Combating Viruses" However, if you write it exactly how the blog is written with the same punctuation (caps and & symbols), it will show up "Best Practices For Avoiding &

I recommend that you begin by reading and then following the content in these short Squarespace guides, specifically concentrating on improving the text context and headings: Increasing your site’s visibility to search engines SEO checklist As you are using Squarespace 7.0, there's also an on-demand webinar available called Growing Your Audience. (For 7.1 users, there's a free Growing Your Audience webinar being hosted this Wednesday (17th March). If this helps you, please click "Like" below ⬇️

If you are looking for an easy way to embed your YouTube channel on your website? This is the world’s biggest video-sharing platform, YouTube can play a part in boosting your business. It helps boost your website traffic and user time as well.I’ll show you a simple way to embed your YouTube channel on your website. You can try the social media aggregator tool for embedding YouTube channels on your website for free.I will suggest you a social media aggregator tool like the Tagembed widget. It helps you to embed videos on your website by using YouTube, you can only add one video at a time but if

I find it off-putting to have to pay the same price for Member Areas in 7.0 when I don't get the same features I would in 7.1 (and not having logged-in member navigation is a bit of a deal-breaker). I find it even more off-putting that I'd have to recreate my client's site in 7.1 just to get this feature. It's getting harder to recommend Squarespace to clients with issues like this that force paying customers into a huge amount of extra effort, time and cost (for what's a pretty half-baked MVP anyway) rather than have Squarespace develop a proper migration plan for customers to get the m

It's call tabs, you can check one of these tuts do achieve it Simple Tab Sections in Squarespace 7.0 & 7.1 | Will Myers | Get Better At Squarespace (will-myers.com)

Ok last post, here is the final version of my code, where it ghosts the item and changes the link: <script type="text/javascript"> window.addEventListener('DOMContentLoaded', (event) => { var elements = document.getElementsByClassName('grid-item'); for (var i = 0; i < elements.length; i++) { var ele = elements[i]; if (ele.className.includes('tag-expire')) { var classes = ele.className.split(' '); for (var j = 0; j < classes.length; j++) { if (classes[j].includes('tag-expire')) { var expireD

Thank you very much for the assistance! Works like a dream. ❤️

Thank you for your help. I will contact Squarespace to exchange the subject with them. See you soon

Unfortunately it is not possible to edit this information. This issue is included on my list of Commerce Limitations that I posted in 2018, and it has yet to be fixed. I recommend that you contact Squarespace by emailing privacy@squarespace.com to ask them to correct the information. I'll be interested to know how you get on, as accuracy of customer data is an important part of GDPR compliance.

try .ProductItem-details .variant-select-wrapper { padding-bottom: 2.5rem; } .product-details .variant-select-wrapper:before { content: attr(data-text); display: inline-block; left: 0; position: absolute; }

@ElizabethM You can get close with just the SS interface. Please see the following... Let us know how it goes.

Looks amazing!

This actually turns out to be harder than one might think. It's not just a matter of throwing some CSS at it. The way the structures are built and SS is manipulating those structures under the hood when variants are involved and one is changing menu selections. The OP doesn't need to do this step but if you are follwing along and have not already done so add the following to Settings > Advanced > Code Injection > HEADER. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> Add the following to Store Settings > Advanced >

My goodness! I must have put that in ages. Thank you so much!

that worked perfectly - I can't thank you enough!

As you say, the limited availability tags can show how many products are remaining, but there isn't a feature that tracks how many were in stock originally and therefore what percentage of stock remains. If you want to calculate this or display it as a bar, you'll need someone to write some very specific JavaScript. They'll need access to your site so they can see the way that product pages have been configured and they'll need to know if the limited editions are always the same size - 250 in your Shopify example.

Site URL: https://www.neostructivism.com/ Hi there, Here is the logo, I am hoping someone can give me the CSS code to place it on the left side of the title "NEOSTRUCTIVISM". I would like it to be in line with the same width of the title. Thank you really appreciate your help.

try /* Site wide section round corner */ .page-section { border: 5px double red; border-radius: 25px; overflow: hidden; }

See the thread below (Circle members only): In summary, there is nothing you can do to improve site performance metrics as they are based on backend code that only Squarespace engineers can change. You’ll need to wait for an update from them about their plans for improvements.

You can replace the actual logo url in this snippet to make it work .site-title a { display: inline-block; position: relative; padding-left: 50px; } .site-title a:before { content: ''; background-image: url(https://images.squarespace-cdn.com/content/v1/5d6718a62b391600011fbea0/1580613032223-W1Z24T3IOBPGRLHEBD0L/ke17ZwdGBToddI8pDm48kHtT4DNpToX35-3452YDOiJ7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1UUTInojleHDE3naa_QAqq2LyvwhnNcIGQQyCt6d5CbwFRY5byGCXiM996O21yNVyKA/Maria-Gabrieleva_GQ_20_3440_mail.jpg); background-size:

@paul2009 Hi Paul, thanks so much for getting back to me. It confirms that there isn't a more obvious way. I think I can work out on the code required based on some tutorials for overlapping images. You've saved me a lot of time and I'll try with CSS. Best regards & have a lovely day.

Site URL: http://https/thesporting.blog So I am wondering if anyone else has heard whether Squarespace are going to look into addressing speed and load issues ahead of the May update from Google. I'm certainly worried myself about how to get the site loading quicker, having stripped out pretty much everything and worked hard to optimise all images etc. Although Squarespace claims that Google's speed tests are punitive and not accurate, the core web vitals will be judged as such so its kind of irrelevant what any other site or speed test says. I have about 180 pages of 500 that are

Oh my goodness, amazing! I couldn't work out where to add a margin or some padding but you've solved it for me. Thank you so much, you've solved a real headache!

try update the icon .header .icon { font-family: "Font Awesome 5 Brands"; display: flex; align-content: center; align-items: center; }

Although Google is giving us Core Web Vitals stats now, we theoretically have until May 2021 until this starts to affect rankings: https://www.searchenginejournal.com/google-core-web-vitals-ranking-signals/387142/ So for now I'd be surprised if you're being penalised for not hitting the CWV targets. It might be worth considering whether there were any significant changes to your content, backlink profile etc. that could have resulted in a dip in rankings? It could also be that your competitors upped their SEO game recently too. Another thing might be the fact that mobile-first ind

As to number two. Does the following help? HOW TO ADD AN ADD TO CART BUTTON TO A SQUARESPACE PRODUCT LIST PAGE? Let us know how it goes.

I'm gonna be adding more content to that page that will appear right under that photo so it should be fine for the moment. Thank you!

They used odd class name for the cart recently, here is a list of class name on /cart page that may help, thanks to tcp13 Unofficial Documentation for Cart Page Class Changes - Circle Coding and Customization - Squarespace Forum

Hi Folks, I am pretty frustrated as well. I have built a beautiful site for a Bakery who wished to take orders online for pick up. No shipping etc. I entered the state they are in, the tax rate and hit "save" and it does not work. Since the items are being picked up in the state, wouldn't I only need the tax rate for that state? Am I missing something, some setting button to toggle on? Thanks! Kelly

@jennypetit Ah. I think I see where you are going. Try the following to replace the code I previously suggested commenting out. #block-yui_3_17_2_1_1615808058082_3767 { margin-left : auto; margin-right : auto; width : 40%; } Let us know how it goes.

You can add the following Javascript via Code Injection. Just edit the values of the UPDATED_TEXT and UPDATED_URL variables in the code to what you want. I went ahead and used the values you provided. JavaScript (function($){ var UPDATED_TEXT = 'Back To Calendar'; var UPDATED_URL = '/monthly-calendar'; /********************************************************* * DO NOT EDIT BELOW THIS LINE **********************************************************/ if(!$) { var s = document.createElement('script'); s.src = 'https://code.jquery.com/jquery-3.6.0.min.js'; s.integr

try #block-64586b1b3f3f9f8e0a3c .sqs-block-image-figure { padding-top: 0; }

I'd be surprised if a CORE WEB VITALS value is the sole reason for your traffic loss, but I'm not Google and I know how they do like to get people to jump through hoops. It seems more probable that either someone has started paying for ads or some other design option on the Google Serps is the likely cause. I'm not sure the extent to which you can verify this. You might also, if you use google analytics look at which type of traffic shifted at the dates above, this can help you isolate whether it's desktop/mobile etc. There is only so much you can do with SS optimisation, we're now l

Brine has a built-in way to do this. Please see Add a button to the header. Although that article hints that this can be done, it doesn't go into detail. Go to Pages and add a Link page to your Secondary Navigation. Go to Design > Site Styles. Click on the Link page in the navigation you put in the Secondary Navigation. The Site Styles should change. Uncheck Inherit Primary Navigation Styles. Additional options will appear. Change Style to Button. Configure the button options to suit your needs. Click Save. Let

The code you’ve provided above is JavaScript! 😃

@AnaDavisDesign The key is the following parameter value pair shown in ColeH_design's code. pointer-events: none;

try .blog-item:last-child:nth-child(4n - 1) { grid-column-end: 0; } .blog-item:nth-last-child(2):nth-child(4n + 1) { grid-column-end: 3; }

Hi Ad7am, The site is live: https://20nelabs.com All the scroll animations are implemented with GSAP using custom JavaScript

Wish I had known more about summary blocks and the fact you can make a "list" of blog posts a whole lot more exciting looking with some design tweaks. https://myrandomviews.com/storysummary Update: Another thing I wish I knew is that you can isolate and group blog posts using a category filtered by a hyper-link. They will show up in list layout or as featured posts, depending on how your blog is styled, and your template setting, but these posts look like they have their own 'page" without actually having to use one. So I mix things up on my site, some posts in a summary blo

This is the result of the Block Editor UI update that was rolled out without warning on 3rd February 2021. Prior to this update, you could manually enter multiple categories (or multiple tags) separated by commas on anything other than Squarespace 7.1 Store content. Unfortunately, the new Block Editor has a dropdown control instead of a textbox and it is now only possible to select one category (or tag). Squarespace overcame many of the new UI limitations by issuing an update on 14 February, but this particular issue was not resolved in this update. I agree with @digitalfreelancer that t

It is now February 12, 2021 and I can confirm that this is still not a feature of SQ. I'd also love to see this implemented and honestly, as a developer, I don't quite understand why it's not a feature already. What could be stopping them from just adding this as an accepted filetype? It's the browser's job to handle the image, all SQ servers need to do is send the image.