galangster

Posted September 20, 2023 · September 20, 2023

Hi! I am thinking about creating a Squarespace Membership website for a client but one of the requirements is having 2FA logins for members. Currently, Member Areas do not have this feature. Does anyone know of an integration or plugin that would make this possible with Squarespace? It doesn't necessarily need to work with Member Areas, we are fine with a 3rd party integration. Any help or insight would be greatly appreciated!

May 3, 2023

19 hours ago, tuanphan said:

Add this new CSS code

.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
}

This is great! Do you know what I would make the hover color a lighter version of this? rgb(179, 164, 148)

May 1, 2023

3 hours ago, tuanphan said:

Can you share link to 7.0? We can check arrow code easier

So it's actually Squarespace 7.1 but a gallery on the old builder if that makes sense. The image attached is the arrows I would like to change. Similar to the circle arrows in a previous image.

April 29, 2023

8 hours ago, tuanphan said:

You can add this to Design > Custom CSS. Replace Example Arrow image url with new url

/* List arrows */
button.user-items-list-carousel__arrow-button, button.mobile-arrow-button {
    background-image: url(https://static1.squarespace.com/static/6447936db557a42927661514/t/644930ba4ff9f163e9626999/1682518202114/Right+Arrow+2.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
button.user-items-list-carousel__arrow-button svg,  button.mobile-arrow-button svg {
    visibility: hidden;
}
button.user-items-list-carousel__arrow-button.user-items-list-carousel__arrow-button--left,  button.mobile-arrow-button--left {
    transform: rotate(-180deg) !important;
}
.user-items-list-carousel__arrow-icon-holder {
    left: -50px;
    z-index: 9999999;
    width: calc(~"100% + 100px");
}
.user-items-list-carousel__gutter {
    overflow: visible;
}

My apologies, I tried to apply the code to this section and it looks like this (first image). Trying to have it be similar to the second image where it has a rounded, circle background. If that makes sense. Thanks!

April 29, 2023

1 hour ago, tuanphan said:

You can add this to Design > Custom CSS. Replace Example Arrow image url with new url

/* List arrows */
button.user-items-list-carousel__arrow-button, button.mobile-arrow-button {
    background-image: url(https://static1.squarespace.com/static/6447936db557a42927661514/t/644930ba4ff9f163e9626999/1682518202114/Right+Arrow+2.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
button.user-items-list-carousel__arrow-button svg,  button.mobile-arrow-button svg {
    visibility: hidden;
}
button.user-items-list-carousel__arrow-button.user-items-list-carousel__arrow-button--left,  button.mobile-arrow-button--left {
    transform: rotate(-180deg) !important;
}
.user-items-list-carousel__arrow-icon-holder {
    left: -50px;
    z-index: 9999999;
    width: calc(~"100% + 100px");
}
.user-items-list-carousel__gutter {
    overflow: visible;
}

Thanks for the help! So this is what I get when I put in the code. The goal is to have the second gallery (that I think comes from 7.0) have the same arrows at the newer 7.1 one.

April 28, 2023

Hello! I'm trying to get the arrows to be the same. One is built with the new Squarespace 7.1 and the other is through the old 7.0. I tried CSS and it wasn't working. I would like them to just be the same. Any help would be greatly appreciated!!

Here is the site. I've also attached some images.

PW: HELP123!

https://ellen-fisher.squarespace.com/

January 23, 2021

21 hours ago, tuanphan said:
Add to Last Line in Code Injection Footer
<script>
  $(document).ready(function() { 
		$('div#block-3994033c75bb9362abb4').insertBefore('.ProductItem');
	});
</script>

It worked perfectly, thank you so much! @tuanphan

January 22, 2021

On 1/15/2021 at 8:22 PM, tuanphan said:

You can add a Text Block in Footer >> Add text links >> Then we can give the code to move it on the top of product page.

Let me know if there is anything else I need to do! Thanks! 🙂

January 19, 2021

On 1/15/2021 at 8:22 PM, tuanphan said:

You can add a Text Block in Footer >> Add text links >> Then we can give the code to move it on the top of product page.

I added the text links to the footer!

January 15, 2021

Hi! Could someone help me with this as well? Our website: https://www.enjoysnacks.com/shop has the navigation categories on the side (which we like). On product pages like this one: https://www.enjoysnacks.com/shop/p/giftpacks/enjoy-gift-pack, we would like the category navigation on the top of each product page. Is there anyway to do this? Any help would be greatly appreciated! Thanks!

June 27, 2020

34 minutes ago, paul2009 said:

This is a bug since 23 June. Squarespace have escalated it for investigation.

Whenever you experience something that doesn't look right, it's a good idea to report it to Squarespace Customer Care. The more of us who report an issue, the quicker that they realise there is an issue. You can reach out to them here.

@paul2009 We will do that, thanks for the help!

June 27, 2020

On 6/25/2020 at 10:33 AM, paul2009 said:

@media screen and (min-width: 768px) { .tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery-thumbnails { display: flex!important; margin-top: 10px; } }

@paul2009 It works!! Thank you so much. I have a question. The thumbnails are outside of the box, here is a product example of it: https://www.enjoysnacks.com/shop/candies/sour-lychee. Is there anyway to fix this? Thanks again!

June 23, 2020

On 5/14/2020 at 10:30 AM, paul2009 said:

Do you want to add a slideshow to the product images on the product detail page (see below), or do you want to do something on the product list page?

@paul2009 Can there be arrows added to a slideshow without losing the pictures at the bottom? I have attached an example from our website. As you can see below the product image there are all of the pictures lined up. We would just like to add arrows to the main picture so people can slide through. Here is the URL: https://www.enjoysnacks.com/shop/candies/sour-lychee. Any help would be greatly appreciated!

June 22, 2020

On 6/21/2020 at 3:08 AM, tuanphan said:

Hi. Sorry for the late reply. Have you solved yet?

@tuanphan We haven't but as of now its not too big of a deal. Thanks!

June 19, 2020

5 hours ago, RyanDejaegher said:

@galangster, would something like this work? This is being done with the Summary List and could be used below the main header

@RyanDejaegher Interesting! Do you know if the font can be changed (increase/decrease). Our client likes the buttons we placed on the homepage so I'm not sure if that could be done as well. Website reference: enjoysnacks.com. Thanks for the suggestion!

June 18, 2020

On 6/17/2020 at 3:41 AM, christyprice said:

How to Create Full Bleed Slideshows in Squarespace

@christyprice Thanks for the response, is there a way to do that without the third party plugin? Like code on a gallery (slideshow) or even the static hero banner image? Thanks!

June 15, 2020

Hi everyone! I was wondering if anyone could help me on my website (enjoysnacks.com). On our homepage we want to have the hero banner be a slider with the same text and button we have now. We understand we can add a gallery as well so that there is a slider but we were wondering what the best options would be. Any help would be greatly appreciated!

June 15, 2020

3 hours ago, ryandejaegher said:

add this to your custom CSS


.category-filter-list > *:nth-child(1) {
  order: 1;
}

.category-filter-list > *:nth-child(2) {
  order: 2;
}

.category-filter-list > *:nth-child(3) {
  order: 3;
}

.category-filter-list > *:nth-child(4) {
  order: 4;
}

.category-filter-list > *:nth-child(5) {
  order: 5;
}

.category-filter-list > *:nth-child(6) {
  order: 6;
}

.category-filter-list > *:nth-child(7) {
  order: 7;
}

.category-filter-list > *:nth-child(8) {
  order: 8;
}

.category-filter-list > *:nth-child(9) {
  order: 9;
}

.category-filter-list > *:nth-child(10) {
  order: 10;
}

.category-filter-list > *:nth-child(11) {
  order: 11;
}

.category-filter-list > *:nth-child(12) {
  order: 12;
}

.category-filter-list > *:nth-child(13) {
  order: 13;
}

.category-filter-list > *:nth-child(14) {
  order: 14;
}

.category-filter-list > *:nth-child(15) {
  order: 15;
}

.category-filter-list > *:nth-child(16) {
  order: 16;
}

.category-filter-list > *:nth-child(17) {
  order: 17;
}

.category-filter-list > *:nth-child(18) {
  order: 18;
}

.category-filter-list > *:nth-child(19) {
  order: 2;
}

.category-filter-list > *:nth-child(20) {
  order: 2;
}

.category-filter-list > *:nth-child(21) {
  order: 21;
}

.category-filter-list > *:nth-child(22) {
  order: 22;
}

.category-filter-list > *:nth-child(23) {
  order: 24;
}

.category-filter-list > *:nth-child(24) {
  order: 24;
}

.category-filter-list > *:nth-child(25) {
  order: 25;
}

.category-filter-list > *:nth-child(26) {
  order: 23;
}

.category-filter-list > *:nth-child(27) {
  order: 22;
}

Result:

@ryandejaegher This worked perfectly! Thank you so much for the help!

June 15, 2020

On 6/13/2020 at 11:49 PM, tuanphan said:
Add to Home > Design > Custom CSS
.variant-select-wrapper {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.variant-select-wrapper option {
    font-size: 30px;
}

@tuanphan Thank you for this, it worked perfectly! One last question, is there a way to add padding to the option drop down (which would be the 1 Bag, 3 Bags and 10 Bags option). They are a little close together when we increase the font size.

June 12, 2020

20 minutes ago, ryandejaegher said:

@galangster normally you could do this with flexbox and order but you've got a lot of items. How attached are you to the | between each category?

If those are removed it's easier to rearrange/reorder

@ryandejaegher Our client is please with the | in between each category, unfortunately.

June 11, 2020

Hi! If anyone can help we are trying to edit the variant drop-down button. We want to make the "Select Item Box" Smaller and have the "Quantities Box" bigger (these would be the 1 Bag, 3 Bags and 10 Bags in the dropdown". Here is our website: enjoysnacks.com. Here is also a specific product page with the variants: https://www.enjoysnacks.com/shop/candies/sour-lychee. Any help would be greatly appreciated!

June 11, 2020

@ryandejaegher Here is the website: enjoysnacks.com

June 11, 2020

@ryandejaegher Yes! Sorry, I forgot to add the order we want them in.

ALL/ GIFT PACKS / ARARE/PEANUTS / BEST SELLERS / CANDIES / CANDIES BV/ CHIPS / COOKIES / FUN PACKS /

GIFT BOXES / LEIS / SPECIALTY ITEMS / NEW ARRIVALS / SEEDS /

June 11, 2020

Hi! We need help on our website if anyone can help! Our website is: enjoysnacks.com. Any help would be greatly appreciated!

Forums

Gallery

Blogs

Events

Store

Downloads

Profiles

Posts posted by galangster

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources