KristenRuthSmith

On 5/18/2023 at 7:55 AM, bluepanda said:

The solution does not appear to work for a summary block that filters products by tag. Does anyone have a suggestion for a fix ?

I have this same issue. Interested in a fix. Want the summary block to still show the product, but remove the "sold out" marker. @tuanphan any thoughts?

On 8/9/2023 at 1:20 AM, tuanphan said:

You can connect with MailChimp (or another service via Zapier), then setup a Campaign in Mailchimp, will automatically send an email to new subscribe.

Yeah, that's what I do on the other sites I build. Was hoping to simplify for this client. Wish they would directly integrate this into Squarespace! Thanks, as always.

I want to have an automated email triggered when someone submits a specific form on my site.

Currently it seems automations can only be triggered by purchases or newsletter sign ups. Is there any code that will allow me to set this up with a form submit trigger? 

(@tuanphan , you've helped me a lot in the past, so I'm mentioning you here!)

7 hours ago, tuanphan said:

Add to Design > Custom CSS

nav.header-nav-list {
    flex-wrap: nowrap !important;
}

 

@tuanphan This code doesn't seem to be solving. See in the screen shot how "Give" still gets dropped to a second line when there is lots of space on either side.

On 3/24/2021 at 1:06 AM, tuanphan said:

Hi, Use this new code

/* nav one line */
.header-title-nav-wrapper {
    flex: 0 0 90% !important;
}

 

@tuanphan I have tried every bit of code listed prior to and including this one on this thread. Nothing affecting my site.

When full screen it looks fine, but I want all nav items to stay on one line for as small a screen as possible. There's plenty of space on either side.

I'm using centered logo with centered nav below.

monicaros.squarespace.com PW NewWebsite1!

@tuanphan I have a weird situation where I've successfully replaced the text with an image using code (included below), but when I'm on any of the 3 pages nested under the nav folder, the image disappears.

Site is stowestorylabs.org.

You'll see the image swap disappear if you go to stowestorylabs.org/vermont-film-music-festival

Custom CSS Code:

// VFMF NAV IMAGE SWAP//
.header-announcement-bar-wrapper [href="/vfmf"] {
    background-image: url(https://static1.squarespace.com/static/631a415a2c65ac4dfab054b7/t/63e5592b64390d7f4c4cffe7/1675974956133/VFMF+word+logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent !important;
}

Ideally the calendar on the current page.

I want to add a "download" button next to my Squarespace calendar block that would open the calendar as a printable .pdf in a new window.

I'm not seeing anything like this out in the wild. Any ideas on how we could code such a thing?

On 4/2/2023 at 7:15 PM, tuanphan said:

Thank you. Can you arrow arrows? (We will give code to make arrows invisible then)

Enable arrows, we can use script code to make it click arrows automatically

@tuanphan Done!

On 3/25/2023 at 3:37 PM, tuanphan said:

Can you share link to this page? I think we can use script code to enable that

@tuanphan firefly-media.squarespace.com   PW: TempPassword

@tuanphan I have 3 slider gallery sections on my page (7.1), and I want the top and bottom to auto-scroll to the right while the middle gallery auto scrolls to the left. I've tried messing around with the various codes shared on this thread but I can't get it to work. Any help would be appreciated!

On 7/8/2020 at 2:23 AM, tuanphan said:

/* About */
.header-announcement-bar-wrapper [href="/about"] {
    background-image: url(https://beaverhero.com/wp-content/uploads/2020/06/twitter-292994_640.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent !important;
}

@tuanphan This is working wonderfully on desktop! Is there a way to also replace the nav with the image on mobile nav?

On 2/23/2021 at 2:14 PM, maryebergeson said:

@tuanphan Option 1 - what code would I use?

I'm also looking for this code @tuanphan

Site URL: http://www.joel-fox-test-1.squarespace.com

I need to increase the space between the primary and secondary navigation in the Wells sidebar.

I'd also like to have this break show in the mobile nav (maybe with just a line showing up between the two categories?).

On 3/6/2021 at 4:29 AM, tuanphan said:

Hi. I solved this for a client. There is also a course on this.

Do you still need help on this?

 

Yes, please!

On 9/26/2019 at 12:04 AM, hdossary said:

Hi, I am using Squarespace version 7.1.

I want to create a slideshow of full bleed images with the SAME headlines / text but the image changes in the background.

At the moment I can only either add:

1. A "headline" section with full bleed image and text on top
2. or A "gallery" section with a slideshow of full bleed images without text.

Is there a workaround for this? If not I would like to downgrade from version 7.1 and use an existing template that gives me the option to do this.

Website is middl.io and password is staging only

ThanksHannah

This original post went up in September of 2019...I am stunned we still not have an answer! How can we mobilize Squarespace to make an auto-rotating slideshow with an overlapping headline function available in 7.1?

On 2/12/2021 at 6:41 PM, tuanphan said:

.header-title-nav-wrapper {
    flex: 1 0 80% !important;
}

When I put this code in it un-centers the entire nav. How can I fix that?

Are we still unable to do this in 7.1? My client wants a sliding gallery of videos on her site, so I need to find the code to make it happen. 

8 hours ago, tuanphan said:

Try this code. 

https://forum.squarespace.com/topic/164356-lightbox-captions-only/?do=findComment&comment=457516

@tuanphan I've injected the code into the footer with no effect. You can still see "Test description" on the masonry grid, not in the lightbox (both captions and lightbox are activated in the gallery section). Is there CSS code I need as well?

https://www.michael-pressman.com/coast-of-maine-gallery pw NewWebsite1!

On 6/21/2020 at 5:54 AM, tuanphan said:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
function createNodeCaption(textContent){
	var divElement = document.createElement("div");
	var pElement = document.createElement("p");
	pElement.innerHTML = textContent;
	divElement.classList.add("style-gallery-lightbox-text");
	divElement.appendChild(pElement);
	return divElement;
}
$( document ).ready(function() {
    var itemGallery = document.getElementsByClassName('gallery-grid-item');
	var itemGalleryLightBox = document.getElementsByClassName('gallery-lightbox-item');
	var countGalleryItem = itemGallery.length;

	for(var i = 0; i < countGalleryItem; i++){
		if(itemGallery[i].getElementsByTagName('p').length != 0){
			var text = itemGallery[i].getElementsByTagName('p')[0].textContent;
			var itemNeedCaption = itemGalleryLightBox[i].getElementsByClassName('gallery-lightbox-item-src')[0];
			itemNeedCaption.appendChild(createNodeCaption(text));
		}
	}
});

</script>
<style>
  figcaption.gallery-caption.gallery-caption-grid-simple {
    display: none;
}
.style-gallery-lightbox-text {
    padding: 10px 0px 25px 0px;
    display: block;
    position: absolute;
    left: 50%;
    top: 90%;
    width: 100%;
    transform: translate(-50%, -50%);
    font-size: .3em
    text-align: left;
}

.style-gallery-lightbox-text p {
    width: 90%;
    padding: 10px 15px;
    margin: auto;
    color: white;
    background-color: rgba(0,0,0,0.5);
}
  @media screen and (max-width:767px) {
.style-gallery-lightbox-text {
    top: 70%;
}
}
</style>

This isn't working for me in 7.1. What am I missing? I've injected the code into the footer. michael-pressman.com/coast-of-maine-gallery pw: NewWebsite1!

Do we have any idea why this is happening all of a sudden? I'm experiencing the same thing. Have tried multiple browser types.

I don't understand what's being injected where to make this happen.

(Also, how on earth is this not something we can just change without code!?)

youmeandojai.squarespace.com

@tuanphan Any updates on this?

I'd like my gallery in 7.1 to show captions in lightbox mode only.

kabirbedi.squarespace.com

@tuanphan thanks for sticking with this thread!

I also have a 7.1 gallery and want captions showing only in lightbox mode.

The code you shared Jan 15 is not working for me either.

https://kabirbedi.squarespace.com/, home page. You'll see a "Sample Description" on the first image.

I have this same question. I at least want the option to add my logo on the email people receive for digital gift cards.