SodaCreekDigital

@tuanphan with this solution, I can't see any way to add a code block to each item in the list. I understand how this can work where a code block can be inserted anywhere on a page, but not sure how this is managed when a people/list is used. On this site's Directory Page > any city (good example is Saco/Dayton), we'd like to add their social media icons with links to the local businesses block. Your solution sounds perfect but not sure how to add the code block to each company's item. https://www.meetyorkcounty.com/

@tuanphan are you able to provide the code that is used for this as its what I need for my client's site? Thank you.

@tuanphan that is it exactly! How do I do that please? You're amazing!

I have another post in this forum asking for help on this same thing, I've done what you suggested @tuanphan and used a list. The image/text view as we'd like, then then as soon as you scroll you can only scroll one at a time which means that the images and text don't stay together. I'd like the "click on arrow" to move two blocks at a time, not just one. There will be many images in this list with text for each. Site URL is: https://crocodile-begonia-pwxa.squarespace.com/, password is Sodacreekdigital and the page is the home, called abstracts. Here is my other post. Any help would be appreciated.

My client requires an image with text beside it (split layout style) but in a carousel so that the site visitors can see the image and read the related text, then scroll to the next image and see that image's text. There will be many images/text blocks as this is an artist site and each image has a story. I can achieve this with a list layout where the content is formed of alternating image and text items. My issue is that when scrolling I need the image/text block to move as one entity. So essentially one click moves the visitor two list items forward seamlessly and each image and text stay together. I found this blog post which is exactly what's needed, but it doesn't seem to fully include all code that is needed and I'm not experienced enough in code to fill in the missing pieces. I'd appreciate any assistance on this. https://www.pixelhaze.academy/blog/how-to-make-2-squarespace-list-items-move-as-a-single-entity

Thank you very much, worked like a charm!

Apologies, I had added the URL: https://sturgeon-triceratops-bbg9.squarespace.com/ and the password which is Sodacreekdigital to the question but it doesn't seem to have kept it in. I appreciate your help on this.

We have text in the first paragraph that we'd like to link to the list sections below (I used a People Block to create the sections). Is it possible to create anchor links that go to the list titles which are: Private Chefs, Foodie Activities and Experiences? Any help on this is appreciated!

@tuanphan This is another of my sites on Moksha, if you can use this to help me with what the code should be on a Moksha site, that would be appreciated. https://www.lionessfitmom.com/

@bangank36 or @tuanphan I'm trying to use this code on a Moksha 7.0 site (here is the link but I'm not sure if you can access it as I'm working on this template in preview mode and the site is live with a different template) https://jonc-lund.squarespace.com/ However it's not working, any assistance would be appreciated. //SHOP PAGES HEADER// .collection-type-products.view-item .sqs-announcement-bar-content { background: #798081; } .collection-type-products.view-item .sqs-announcement-bar-text * { color: #000 !important; } .collection-type-products.view-item .header .header-announcement-bar-wrapper { background: #798081; } .collection-type-products.view-item .white-bold .header-title-text a#site-title { color: #fff; } .collection-type-products.view-item .header-nav-item--collection > a { color: #fff !important; } .collection-type-products.view-item .white-bold .header-actions .icon--stroke svg, .collection-type-products.view-item .white-bold .header-actions .icon--stroke .icon-cart-quantity { stroke: #fff !important; color: #fff !important; } .collection-type-products.view-item .white-bold .burger-inner .top-bun, .collection-type-products.view-item .white-bold .burger-inner .patty, .collection-type-products.view-item .white-bold .burger-inner .bottom-bun { background-color: #fff !important; }

Still an issue, I agree its really frustrating.

Hi all - I'm running into the same image on an artwork website where the code provided covers a lot of the image, any suggestions on how to ensure that the image captions always display below the image? Any suggestions would be appreciated.