Leaderboard

Yes I discovered that anyone can sign in the hard way, creating a members area for survivors of assault to find that an abuser had become a member. So that was very quickly the end of that members area. In other words there is a safety issue fir other members if someone ‘off the street’ can simply join up.

Not sure if you figured this out, but I just did it on my site. I think what Paul meant is that you only followed Step 1, which gives you multiple options depending on how you want the reading time to appear. You still need to do the following for the text to actually display on your posts: Step 2 (Go to Settings > Advanced > Code Injection and paste the following into the Header...) Step 3 (Change the design to your liking. Go to Design, click Custom CSS...). This step has 2 options for you. I hope this helps!

Try section[data-section-id="61414b615e517e4f70e6fc5e"] .content-wrapper { min-width:0; } Support me by pressing 👍 if this useful for you

Site URL: https://www.woodstockinternationalfoodfestival.com/menu Hello, We are having our annual festival tomorrow, and I just noticed the new pickup option at checkout. This is perfect for what we need as we will not be shipping anything, and it avoids customer having to enter all the extra data. I do have an integration with the site via the Orders API, and was trying to pull the customer pickup selection (drive-thru or walk-up) to save to our database. I can't find any mention of it in the documentation and was wondering if there is an API call I can use to access that selection? Thanks! -Ben M.

As a photographer, not being able to delete photos makes Squarespace unwieldy to use. After about a year, all my portfolio images get updated. It's a hassle to scroll through old photos I'll never use again. I may have a logo from years ago that I need to find, but it's buried in back of the unused images. At this point, it would be easier to find a new host and build a new site. This is an issue that needs to get fixed.

No. On Squarespace, users have control over their password. It can be between 6 and 40 characters, with any combination of letters, numbers, and symbols. You cannot apply limitations or enforce security best practices.

Thought I was the only one who couldn't find the delete button.. Would love this feature. it's so frustrating working with an overcrowded media library.

I have used SquareSpace for years and just went in to clean up ton of photos I don't need and want deleted. Seriously ... I cannot remove photos from my library?? After reading this thread and also seeing it has been 1.5 years since this was said would be addressed may be my deal breaker too. Was just considering building out 50 - 100 new websites on SS and that won't be happening now. Will go back to WP and save my money. Glad I caught this thread here now.

I'm making Spark Plugin for Squarespace. I got the idea earlier this year when I was searching around for css/plugins for a site I was making. "Why can’t I have simple toggles inside squrespace to achieve the same thing?", I thought. So I started experimenting with it, and made Spark. Spark offers 100+ stunning presets so that anyone can have a beautiful design in Squarespace. Instead of copying and pasting code, any preset can be added instantly in one click. Also, all presets are updated live which means they will not break like other plugins/code. I recently released the first version (early access) of Spark, you can try it out here: https://sparkplugin.com

You are using a Brine-family template and this issue is because of Ajax Page Loading. I wrote about this issue and how to solve it here: Why does Squarespace code only work on refresh? You can reproduce the issue if you use an incognito window to visit your homepage first. Then, navigate to the 'build your trip' page using the page link. You'll see the accordion doesn't work. When you refresh the page, the accordion will work.

Thanks Creedon, I am going to make a record of this code, it will be needed again by someone here I am sure of that.

Thank you so much for your help. I am very new to this, so I appreciate the patience and understanding. I'm slowly learning more and more. Your suggestion worked great!

The bug has now been fixed. Please check your websites today. Support responded confirming that they have fixed the bug.

As with all "codepen doesn't work" posts on these forums, you really need to be careful as it isn't always pure HTML, CSS or JavaScript you're looking at: they allow pre-processors to be used (and also external dependencies but that's another story and not relevant here). In this case, it isn't real CSS you're looking at, it's actually being compiled using LESS, which is a well-known CSS pre-processor. to get it to work you need to use pure CSS. replace the style section you've included with this and you'll find it works just fine. <style> .todo-list { background: #FFF; font-size: 20px; max-width: 15em; margin: auto; padding: 0.5em 1em; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2); } .todo { display: block; position: relative; padding: 1em 1em 1em 16%; margin: 0 auto; cursor: pointer; border-bottom: solid 1px #ddd; } .todo:last-child { border-bottom: none; } .todo__state { position: absolute; top: 0; left: 0; opacity: 0; } .todo__text { color: #135156; transition: all 0.4s linear 0.4s; } .todo__icon { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: auto; margin: auto; fill: none; stroke: #27FDC7; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; } .todo__line, .todo__box, .todo__check { transition: stroke-dashoffset 0.8s cubic-bezier(0.9, 0, 0.5, 1); } .todo__circle { stroke: #27FDC7; stroke-dasharray: 1 6; stroke-width: 0; transform-origin: 13.5px 12.5px; transform: scale(0.4) rotate(0deg); -webkit-animation: none 0.8s linear; animation: none 0.8s linear; } @-webkit-keyframes explode { 30% { stroke-width: 3; stroke-opacity: 1; transform: scale(0.8) rotate(40deg); } 100% { stroke-width: 0; stroke-opacity: 0; transform: scale(1.1) rotate(60deg); } } @keyframes explode { 30% { stroke-width: 3; stroke-opacity: 1; transform: scale(0.8) rotate(40deg); } 100% { stroke-width: 0; stroke-opacity: 0; transform: scale(1.1) rotate(60deg); } } .todo__box { stroke-dasharray: 56.1053, 56.1053; stroke-dashoffset: 0; transition-delay: 0.16s; } .todo__check { stroke: #27FDC7; stroke-dasharray: 9.8995, 9.8995; stroke-dashoffset: 9.8995; transition-duration: 0.32s; } .todo__line { stroke-dasharray: 168, 1684; stroke-dashoffset: 168; } .todo__circle { -webkit-animation-delay: 0.56s; animation-delay: 0.56s; -webkit-animation-duration: 0.56s; animation-duration: 0.56s; } .todo__state:checked ~ .todo__text { transition-delay: 0s; color: #5EBEC1; opacity: 0.6; } .todo__state:checked ~ .todo__icon .todo__box { stroke-dashoffset: 56.1053; transition-delay: 0s; } .todo__state:checked ~ .todo__icon .todo__line { stroke-dashoffset: -8; } .todo__state:checked ~ .todo__icon .todo__check { stroke-dashoffset: 0; transition-delay: 0.48s; } .todo__state:checked ~ .todo__icon .todo__circle { -webkit-animation-name: explode; animation-name: explode; } html { background: #ddd; } html { height: 100%; display: flex; } body { width: 100%; margin: auto; } </style> you might need to edit it a bit, I just lifted this straight from the _processed_ CSS output from the original codepen.

Squarespace does offer video hosting but right now this is limited to section background videos. Vimeo Plus and higher memberships give you more control over the embedded and private video player. You'll find details of how to customise the player in the Vimeo Help Center.

@Kuku You can use Lightbox Plugin to achieve this. With this plugin, the idea is that you will create a page in Pages > Not Linked >> Insert Form into that Page. Then insert buttons on 2 pages, and activate Lightbox for those 2 buttons (Lightbox Content will be the page you just created) If you have no budget, another approach is add Form Block in Footer, then we can use code to move it to Contact & Homepage. You can add form first, then we will check & give the code

I reported this to support earlier today and it was confirmed to be an issue and was escalated up the chain.

Thanks @creedon. For anyone else, I ended up using: #BLOCKID { .intrinsic { .image-block-wrapper, // inline .image-inset // card, collage, overlap, poster, stack { border-radius: 200px 200px 0px 0px !important; z-index : 1; } .image-overlay { border-radius: 200px 200px 0px 0px !important; } } }

Yes, I've already managed to do that!

Add to Design > Custom Css #cart .Main-content .cart-title { font-family: arial; } Change the font name that you want to set Support me by pressing 👍 if this useful for you

@bangank36 That's brilliant, thank you so much for your help!

My result

The root certificate is embedded in your operating system (OS), so it will depend on whether your device is capable of being upgraded to a newer (new enough) version of the OS, or if the device has become obsolete.

I am currently setting up a store with Squarespace and I am fairly new to it (more familiar with Shopify). I am using the theme "crosby" version 7.1. I have set up all the products with the collections being put into the "categories" tag. I have got all my collections displaying correctly however I would like to add a custom banner too each collection page and ideally a block of images at the bottom. At the moment I can only add one which appears across all pages and from searching it seems you can only custom code it to get around this is that correct? I have attached an example to show what I mean. Thanks!

Add to Design > Custom CSS /* Mobile-Register-Buttons side by side */ @media screen and (max-width:767px) { div#page-section-60f635cc285ce460d19c3507 .span-3 { width: 50% !important; float: left !important; } }

Firstly, let me reassure you that this message does not mean your site has been hacked. It simply means that your computer is unable to view this website securely. If you’re still running an old version of macOS (or a version of OS X) then you'll need to upgrade. If you cannot upgrade your operating system (OS) then you may need a new computer/device. Why? Because a few days ago on 30 September 2021, something called a 'root certificate' (known as DST Root CA X3) expired. This 'root certificate' was used to confirm authenticity of thousands of websites, but it is no longer valid. Computers/devices must trust a newer root certificate, and to do this, they must be using an up-to-date browser on an up-to-date operating system. Users with the latest devices will be unaffected, but if you have an 11-year old iMac, then you'll need to upgrade. Depending on the model and year, you may be able to update your operating system. You can check this by clicking Software Update within System Preferences. If you cannot upgrade the OS, you may need consider buying a new device. If you're on a new supported operating system, you may also want to check that you are using one of the latest browsers too. You can do this by visiting https://updatemybrowser.org/. Here you can check which browser you are using, and whether it is up to date. In summary, if you're not using one of these major browser versions, then you are probably not up-to-date: Chrome 94 Safari 15 Edge 94 Firefox 92 Opera 79 If this post has helped you, please click an icon below ⬇️

Add to Design > Custom Css @media only screen and (max-width: 768px) { #header { position: fixed; top: 0; right: 0; left: 0; } }

Do you mean removing the space at the bottom and top of the image? Try in Design > Custom Css #home-1-2 { .image-block-wrapper { >div { padding-bottom: 0 !important; } } .Index-page-content { padding-top: 0 !important; } }

Hi all, My site is currently using 7.0, and i want to switch to a template in 7.1. Am i right in thinking, i need to build my site new in 7.1, subscribe then cancel my 7.0 site (losing all my analytics etc along the way) Thanks everyone!

Buy buttons are a great way to sell a few products, but they are very limited in their features and cannot integrate with many Shopify features or apps. If you’re in a territory not supported by Squarespace then I recommend that you move directly to Shopify instead of using buy buttons. The platform is one of the most flexible commerce platforms available when it isn’t being limited by buy buttons.

Once more Creedon, you solved my problem so quickly. Thank you so much!

You can get some reference in this post with your cover pages

I'm an artist and interface designer. I love creating whimsical, surreal art pieces. I can do whatever I want to do without having a client looking over my shoulder. I'm moving my art work here on Squarespace but in the meantime you can visit my Etsy shop. more art you buy less I will have to move 🙂 . Have a lovely day. Onward! https://www.etsy.com/shop/buffalogirls

Site URL: https://www.techy.how/ Hello! I am desperately looking to customize the height of the white space under blog posts. In the Format options, my header spacing is set to a minimum. Under Site Styles, I am using 4vw Site Margin. It still looks like there is so much white space directly under the blog post, and over the blog navigation. Questions: How to remove (or at least reduce) the height of the white space How to potentially remove the (arrow) navigation at the bottom of the page Thank you Squarespace community.

You can set the addition figuration in Design > Custom CSS #article- { padding-bottom: 0; } .item-pagination { padding-top: 15px; }

hello! I offer digital marketing and web design services for small business owners. More recently, I created an online course aimed at helping beginners and people looking for a DIY approach to growing their business with digital marketing. Stepping out and working on my own rather than agency or in house positions has been a great new adventure. You can learn more at tinycoastdigital.com Looking forward to learning about everyone's businesses 😊

Here is the result after remove padding

The following ruleset is causing the div to expand and cover the links. Take it out. #book-me { bottom:0; top: 75%; padding-right: 0px; transform: 0; } Let us know how it goes.

On Chrome. flip chrome.mp4 On Safari. flip safari.mp4 Apparently this is a know issue on Safari. There were several workarounds but no one solution. I quickly tried several of the "fixes" with no success.

Is it that you mean?

After reviewing again your code, you could try again the following steps: Step 1. Javascript: Adding the div class ="language" in the header-inner, you can achieve it by changing one bit of your script in the code injection... from /*setup language switcher with flags*/ $('body').prepend('<div class="language"> to /*setup language switcher with flags*/ $('.header-inner').append('<div class="language"> Step2. Adding Design > Custom Css @media only screen and (min-width: 1024px) { .language { position: absolute; top: 50%; transform: translateY(-50%); } .header-nav-wrapper { padding-right: 100px; } } @media only screen and (max-width: 1023px) { .language { position: absolute; top: 50%; transform: translateY(-50%); padding-right: 50px; } } Hope it works for you!

My name is Paul, and my business is as a cat behavior consultant. Initially growing up, I didn't care for cats, and have horrible allergies. However, I was at a housewarming party for a friend of mine, and his tiny kitten crawled into my lap and started purring. All of the sudden, these animals didn't seem so bad. Fast forward one year later, and I finally visited a cat shelter. I briefly played with a kitten in the kitten area, and then left to talk to the staff. The kitten I played with managed to sneak out several times to come and see me. Once we got home, I realized I had no idea what I was doing. Fortunately "My Cat from Hell" was having a marathon. I actually sat and took notes. Years later, I went to Animal Behavior College, and got certified as a cat trainer. Please feel free to visit catology.org, and let me know what you all think. I appreciate any advice.

Please SquareSpace team, can you provide us with a response as to what you're doing with this. It's really poor that there isn't a media library to manage images more efficiently. If I had known this I would have put my client on Wix because they have a media library. It's been 1.5 years since you said this would be put in with your engineering teams

Will Meyers has code for this...you can look here > https://www.will-myers.com/articles/auto-scroll-for-carousel-banner-slideshows-for-auto-layout-sections-in-squarespace-71

Bump. Came here researching ways to achieve this as well. For instance, there's this Section Library for a footer when I click Add a Section in my footer. Why can't I save my own section to such a library for placing into other pages?

This would massively speed up page development - being able to not just duplicate a Section - because how often do you want the two sections the same on the same page - but to save Sections (effectively your own Section Templates) to be used on other pages. It would also be of huge value to clients, for whom we could build out a library of Section Templates for them in addition to Page Templates.

I came across this similar issue when displaying blog posts in a summary block. If the "Link Post Title to Source URL" option is selected, there is no way to make the link open in a new tab. I found a solution in another post on this form that is counter intuitive but seems to work. Adding "target="_blank to the end of the Source URL will add the target="_blank" to the html. For example: https://link-to-outside-source.com"target="_blank Yes, I know, the code looks wrong if you are use to writing html, but try it. Plus, no JS is required for those on the lower level subscriptions.

Lack of this basic feature is becoming a deal breaker for me. I will have hundreds of images and variations of them as my site grows. I need to be able to sift through them quickly and cull the ones no longer needed. As things stand, that is becoming more and more cumbersome because a simple delete feature does not exist. I have just sent a message to their "Help" team. I suggest others do the same. Squeaky wheel gets the grease. Go here to do so: https://support.squarespace.com/hc/en-us/requests/new?ticket_form_id=64337

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.