SodaCreekDigital

On 1/28/2024 at 2:20 PM, SodaCreekDigital said:

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

@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.

3 hours ago, tuanphan said:

Like this example?

https://tuanphan.squarespace.com/text-left-iamge-right-1?noredirect

pass: abc

Here I used code to move image to right, text to left.

 

@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

On 2/15/2023 at 10:55 PM, tuanphan said:

Edit text >> Add this anchor url for Private Chefs

#63d8e1a2dbc47b7eba8827f4

Do similar for Foodies Activities

#63d8e4f6e43e0862a504d18f

and similar for Experiences

#63d8e5ea059ccd0fb256b411

 

Thank you very much, worked like a charm!

On 2/12/2023 at 1:27 PM, Beyondspace said:

The title of List section have an id so we can use it to set anchor link. You can share your URL here and we can take a look

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!

 

On 4/27/2022 at 11:17 AM, tuanphan said:

You can duplicate site, or setup a new site with desired template then share url, we can check easier

preview template, shows with site admin/contributor only

@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. 

On 7/10/2021 at 4:34 AM, tuanphan said:

Hi. The code worked, however header overlaps Google Translate button.

Don't remove above code & add this to Design > Custom CSS

header#header:not(.shrink) {
    top: 41px;
}

 

Thank you @tuanphanthat worked like a charm!

I'm having the same issue having moved a client site from 7.0 to 7.1.  Would appreciate any input into this as well.

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.