yubrajs

Add this code in custom css: .ProductItem-details .ProductItem-product-price, .ProductItem-details .ProductItem-product-price .product-price { margin-bottom: 0 !important; }

Add this code on custom css: .secondary-button-style-outline .sqs-button-element--secondary:hover { background: none !important; }

Please provide url.

Add this custom css code: To hide text inside pink section on all page: .sqs-announcement-bar-custom-location { display: none !important; } /* To show text inside pink section only in "100colors" page */ #collection-54acafbbe4b0f1bacf9d5f21 .sqs-announcement-bar-custom-location { display: block !important; } It will be like the screen-shot attached.

Add this code on custom css: @media only screen and (max-width: 428px) { .fe-block-b6804471b49af71182da { display: none !important; } } This code will hide the first image. See the attachment is this how you want?

You have to unset the max-width value. Add this code in custom css #collection-61a89b896988bc2696ca8e25 #page { max-width: unset !important; width: 100%; position: relative; margin: 20px 0 0; } Adding above code will make home like the screen-shot attached.

Please provide url.

Please share the url. The code should work. Here is the example: https://soybean-kangaroo-2dxw.squarespace.com/ password: 12345

This code will hide the captions from mobile view: Add this in website tools > custom CSS @media only screen and (max-width: 428px) { .grid-image-wrapper .image-title-desc, .grid-image-wrapper .info-button { display:none !important; } }

You can disable the caption by using media query for small screen: @media only screen and (max-width: 428px) { .gallery-caption { display:none !important; } }

Please provide site url or screen-shot/screen-capture what you are trying to achieve?

It can be done with simple javascript: Add this line in Code Injection > Footer <script> window.onload = function () { document.querySelectorAll("#site-title").forEach((el) => { el.setAttribute("href", "https://www.dream.industries/garden"); }); }; </script>

Can any one tell me how to integrate tailwindcss in squarespace developer mode?

Finally solved! Solution: Installing sq server => terminal: npm install -g @squarespace/server Running sq server => terminal: npx squarespace-server https://kangaroo-lilac-1221.squarespace.com --auth

I installed rosetta terminal but still getting same issue: myMacs-Mac-mini ~ % npm install -g @squarespace/server npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 changed 84 packages, and audited 85 packages in 15s 4 packages are looking for funding run `npm fund` for details 1 moderate severity vulnerability Some issues need review, and may require choosing a different dependency. Run `npm audit` for details.

Hi, I got this error while installing ss-server on my mac mini m1 squarespace@myMacs-Mac-mini squarespace % npm install -g @squarespace/server npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 changed 84 packages, and audited 85 packages in 11s 4 packages are looking for funding run `npm fund` for details 1 moderate severity vulnerability Some issues need review, and may require choosing a different dependency. Run `npm audit` for details. Please help. Thanks in Advance!

Hi, Is there a way to find out the direct path of a video file uploaded in media library. something like: <video loop> <source src="https://<filepath>/<filename>.mp4" type="video/mp4"> </video> Thanks

Sorry about that. Here is the new link: https://offbeatcollection.squarespace.com/discover

Hi, I tried to integrate a feature in video gallery when user hover over the video thumbnail it should play and stop when hover out. something similar like this site: https://camillesummersvalli.com/ I am unable to achieve it with squarespace: https://mushroom-kazoo-56xp.squarespace.com/work-1. I write this js code: window.addEventListener("DOMContentLoaded", (event) => { document.querySelectorAll("video").forEach((el) => { el.addEventListener("mouseover", function (e) { this.play(); }); }); document.querySelectorAll("video").forEach((el) => { el.addEventListener("mouseleave", function (e) { this.pause(); }); }); }); But this doesn't work, inspect and check for any bugs there is none. Don't know why this is not working. After spending 5-6 hours I tried with Wordpress it worked. Here:https://slicegeek.org/SUBTROPIC/gallery/ Can somebody tell me what went wrong, can it be achieved with Squarespace or do i need to switch to wordpress. Really appreciate your help. Thanks

@ocam The issue you are facing is due to date format you are using. If you are working with US date format change following line: const outputDateFormat = "DD MMMM YYYY"; const inputDateFormat = "D/M/YY" into <script src="https://momentjs.com/downloads/moment.js"></script> <script> (function(){ document.addEventListener('DOMContentLoaded', function() { const outputDateFormat = "MMMM DD YYYY"; const inputDateFormat = "M/D/YY" const pubdates = document.querySelectorAll(".blog-basic-grid.collection-content-wrapper time[pubdate]"); pubdates.forEach(pubDate => { d = moment(pubDate.innerText,inputDateFormat); pubDate.innerHTML = d.format(outputDateFormat); }); }) })() </script> Hope this help!

How do I add a check box field in newsletter form.