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: 

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

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