Leaderboard

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 Foot

Agree that this would resolve it. Curious to hear from anyone that tries this whether GA ecommerce tracking works with this implementation though. In my experience, GA has to be implemented through Squarespace's built-in integration in order for ecommerce tracking to work.

Why oh why is there no way to delete uploaded images and why is there no way to organise them into folders? It seems like such a basic necessity for managing a website. Does anyone know if there is a (simple) file manger in the works? This is by far my biggest request for Squarespace as a user.

Squarespace recently added Image Effects to background images. If you edit the section and choose Background, add your image then scroll to the bottom and select Image Effect: Tilt to add parallax.

Hello everyone, Same here, I'd like to generate discount codes for "Birthday Emails" for example, so every code is unique and can be used only once. Also if it can be automated and linked to Mailchimp for example, so basically the email triggers every time when one of my subscribers has a bday. Anyone did it? Even thought about this? Would appreciate any help! Thanks, MosKou

For anyone else who needs this, my friend Jason solved it by adding jquery and then disabling touchmove and touchstart. So in addition to adding the custom CSS above, go to Settings > Advanced > Code Injection > Footer and add: <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"> </script> <script> $(document).ready(function() { $("div.gallery-lightbox-list").bind('touchmove', function( event ) { event.stopImmediatePropagation(); }); $("

Waiting for an answer to this as well

Site URL: https://plums-begonia-w4s9.squarespace.com/everything Password to view: portfolio I am using the new squarespace 7.1 and my client wants to have on the nav bar links so people can view what work is pharma and another link to show what's not. On squarespace 7, we could duplicate the index to the not linked folder and add a link on the top bar connecting to that index page. It was easier for me to do that. My client wants to keep the thumbnail layout throughout these two subcategories, and I can't seem to find a way to duplicate the portfolio collection nor duplic

No problem. Add this to the CSS I provided above: body#order-confirmed { background: white; }

@codefordummies it looks like your site is in developer mode, so there may be other forces at work, but I'd suggest making sure AJAX loading is turned OFF. https://support.squarespace.com/hc/en-us/articles/115000253288-Ajax-loading

See this by @christyprice

Hi @Twil, Are you trying to change the text color itself? It really depends on which specific page. For the Impact page you linked, it'd be something like this pasted into Design > Custom CSS: #block-yui_3_17_2_13_1457552603071_12467 h1 { color:#0f0f0f !important; } You can customize the hex color value to your liking, although I'd recommend something other than fuchsia 😉 Hope this helps! -Tyler

No. These are CDN links and are unique. You cannot reuse them. For future reference, when posting a link to a file it's best to use the link that uses your own domain. Then, if you later replace the file within another one of the same name, the link will keep working. If a post helps you, please click a "Like" option below ↘️

@emily.klein .header-title-logo a:hover { background-image: url(https://static1.squarespace.com/static/5f2f799736006c7367764ef2/t/5f8f8678f8ed836e94d61a44/1603241593053/piece-collectors-icon-logo.png); background-repeat: no-repeat; background-size: contain; } Let us know how it goes.

Add the following to Settings > Advanced > Code Injection > HEADER. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" type="text/javascript"></script> Add the following to Blog Settings > Advanced > Page Header Code Injection. <script> $( ( ) => { let $e = $( '.BlogList-filter' ); if ( ! $e.length ) return; let s = $e.text ( ).replace ( 'Posts tagged ', '' ); $e.text ( s ); } ); </script> Let us know how it goes.

After spending a lot of time setting up my online store in Squarespace, and finding solutions and work-arounds to the many problems and issues one is faced with, I have now reached a complete stop with a particular issue. When you sign up to use Squarespace (or indeed this forum) you are faced with checkboxes that require you to agree with Squarespace's Terms and Conditions, Terms of Service, Privacy Policy etc. No such action is available for me to put on my site. It makes me (and Squarespace) look 10 years behind everyone else. And it is certainly not compliant with any kind of contract

Remove all code in Design > Custom CSS & add this new code @media screen and (min-width:641px) { #headerWrapper header#header { height: 100vh !important; padding: 15px !important } body.sidebar-position-left #headerWrapper { left: 0 !important; top: 0 !important } #headerWrapper header#header { height: 100vh !important } } header#header { background: #402533 }

Hi Sammi It is possible to remove this header from the embedded maps, but the terms of use for VesselFinder state that you must not republish material without appropriate accreditation to VesselFinder.com. If you intend to provide this attribution in a better way, then you can remove the header by cropping the iFrame window. For example, for the centre map, you would use: <iframe name="vesselfinder" width="100%" height="400" frameborder="0" src="https://www.vesselfinder.com/aismap?zoom=3&amp;lat=0.00&amp;lon=0.00&amp;width=100%&amp;height=400&amp;names=true

Site URL: https://www.blackfishgoldstudios.com I've designed a single-page / scroll website with anchor links that jump to page content in the always-present mobile menu. These links are held in the header of each section. When selected from the menu, the page jumps past the selected header and into the section content. Is there a way to make the jump more precise? I've already tried adding a <span> above the header with the id placed therein. That did not alter the issue. Much appreciated in advance!

It was the other button on that page, but now that you've shown me what to call the font and where to put it I've changed it and it worked. THANK YOU so much!

If you are using Squarespace 7.0, each template family is unique. You cannot "merge" features. If you are using Squarespace 7.1, there's just one template, with many different "starting points" to show off the different features - but they are all the same. To understand which version you are using, check this guide: https://support.squarespace.com/hc/en-us/articles/115005308187-What-s-my-site-s-version-and-template-

@fingerprintcreativeThis a bug on SQS's end. They're apparently taking care of it.

In regards to people saying 7.1 has no templates. They are technically correct. On Squarespace 7.0 choosing between templates was very important as the template you chose limited the styling options for your site. On 7.1 even though you can choose between 'templates' when you initially start your site all of these templates have the exact same functionality, so you aren't limiting yourself at all with your choice.

You need to follow the exact settings in the guide. Ignore the panel in the first screenshot until you have followed the guide. Once you have removed the deprecated settings the advice given in this panel should be much clearer. Do remember that Squarespace Customer Care provide a free live chat service and are there to help you set this up. You can reach out to them here. If a post helps you, please click a "Like" option below ↘️

Add the following to Design > Custom CSS. #collection-5f11cfd34cf3723b9f368981 .sqs-block-image .design-layout-card:not(.sqs-narrow-width) { -ms-justify-content: unset; justify-content: unset; } #collection-5f11cfd34cf3723b9f368981 .sqs-block-image .design-layout-card:not(.sqs-narrow-width)>div:first-child { min-width: 150px; width: 20%; } #collection-5f11cfd34cf3723b9f368981 .sqs-block-image .design-layout-card:not(.sqs-narrow-width).image-position-left .image-card-wrapper { margin-left: 5%; } Let us know how it goes.

See if this code works. Btw, you can change the svg to what ever you want.😁. If you don’t want the quantity to show, please tell me and I’ll tell you how. body:not(.tweak-transparent-header) .header-actions .icon--stroke svg, body:not(.tweak-transparent-header) .header-menu-actions .icon--stroke svg { stroke: #000; display: none; } body:not(.tweak-transparent-header) .header-actions .icon-cart-quantity, body:yes(.tweak-transparent-header) .header-menu-actions .icon-cart-quantity { color: #000; display: none; } .Cart-inner:before { content: url(https:/

The following will require a business plan or above. Add the following to Settings > Advanced > Code Injection > HEADER. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" type="text/javascript"></script> Add the following to Page Settings > Advanced > PAGE HEADER CODE INJECTION. <script> $( ( ) => { /* based on code from < https://www.geeksforgeeks.org/how-to-get-client-ip-address-using-javascript/ >. Uses ipify API < https://www.ipify.org/ >. */

I sent code to fix that =]]

The feature has now been restored. You can move products between store pages again.

Hi there, Having fun with Squarespace 7.1 for the first time. Is there a way to generate a number of unique discount codes in batch? It is important for us to generate unique discount codes for our members. Creating them one by one is looooooooooong. So we're looking for a way to generate them in batches, and ideally export them from Squarespace for easier distribution. Alternatively, we're open to import coupons if this is also possible. Patrick

I agree, I also have a long list of codes and would like to upload discount codes in batch format. You can do this through the scheduling/packages interface. Adding 10,000 codes one by one is not possible. Do you know if there's any batch upload discount codes via code? Thanks

Hello 😀 I have provided some code to do this on my website in the guide entitled Removing 'Select' from Variant Dropdowns on Squarespace 7.1. Let me know how you get on. -Paul If a post helps you, please click a "Like" option below ↘️

SOOOOO Frustrating not to be able to put the repeating weekly schedule on the calendar without duplicating EACH item and then editing it for the next week. Come on folks.

UPDATE UPDATE!! The Squarespace app still allows you to change the default theme. Site Styles > Colours > Site Theme Amazing.

Is there a way to push subscribers who are coming via an external platform (eg Mobile app) into Squarespace mailing list? We do it now with Mailchimp... but have switched to Squarespace - and are hoping we can push new users who opt into the newsletter to be added to our Squarespace Mailing list. Seems to be lots of ways to get stuff out of squarespace - but not a lot of ways to get things in. Any thoughts: eg Zapier, custom programming, google sheet push to squarespace, etc

try adding margin bottom, like this @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready figure { width: 100% !important; height: auto !important; position: static !important; transform: unset !important; margin-bottom: 20px !important; } .gallery-masonry-wrapper.gallery-masonry-list--ready figure img { width: 100% !important; } .gallery-masonry-wrapper.gallery-masonry-list--ready figure>div { height: auto !important; } }

I can't believe you need to use code to create share buttons and also the fact that it's not included in the basic package. Is there a way to submit a request to squarespace for them to change this?? it's 2020, absolutely crazy for this to be considered "extra" and for it to have to be done through code....

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.

You could make it a Service product. Since service products aren't shipped to customers, they don't require customers to pay for shipping or enter a shipping address at checkout.

Thank you very much! It worked! Thank you for your help!

Hey everyone, Thanks for posting about what you've experienced with the Instagram Block. For any issues you might still be experiencing with that block on your site, please reach out to the Squarespace Customer Support team directly for personalized assistance. With this, we will be closing this post.

Hey again - client has decided against this, so please dont worry about finding the code. Thanks so much for your help, though!

I've got the same issue and contacted support. Doesn't look like it will be fixed and just makes us look unprofessional when we have to contact customers and ask them to pay postage. This really is a fundamental issue with the platform.

With Personal Plan: Edit Page > Add Code Block > Paste above code

Hi Use this code in Design -> Custom CSS .tweak-fixed-header .header .header-announcement-bar-wrapper { padding-top: 0vw !important; padding-bottom: 0vw !important; } Please use the like button if it helps you! Best, Leopold

I enjoy puzzling over other designer's problems here without any pay for my time. More relaxing than when a client is paying!

Site URL: https://carlyhillphoto.com There are not enough resources out there for improving site speed, the squarespace help videos and squarespace support doesn't have anything covering these topics. If you have your own tips you've found for improving site load times and speed please add them in the comments for everyone to learn from!! 🙂 Design > Templates > make sure you've only got one installed, if you have older templates uninstall them now! Design > Site Styles > Fonts > use this link here to remove any fonts your not using so that there are less scripts that

CSS #moving { color: #125781 !important; font-size: 14.5px !important; background: transparent !important; line-height: 0 !important; margin: 0 !important; } #moving .Header-nav-folder-item { color: rgba(176,176,176,.4) !important; } .Header-nav.Header-nav--secondary { display: flex !important; } Jquery $(document).ready(function() { $('.Header-nav-item.Header-nav-item--folder').attr('id', 'moving'); $('.Header-nav.Header-nav--secondary').append($('#moving')); });

No. You cannot integrate any other payment methods with Squarespace Commerce. For related information, see my earlier posts here:

I'm so glad you posted about this! One day I just looked at my site and all of a sudden all my masonry galleries were 2 columns on mobile. I'm a photographer so this makes all my photos a lot smaller and less prominent, so I am definitely not a fan. I wrote to customer support as well and they said I will have to use custom code to get it back. I hope they fix this because I came to Squarespace because of how good it looks on mobile and this is a game changer. I will try what @tuanphan has suggested, I hope this all gets figured out!