Squaredspace

Oh, it was a matter of adding "body.homepage" 🤦‍♂️. Thank you very much @tuanphan, you are a awesome!!

@tuanphan Thank you so much, that resolved the revolving image/list item issue! For the buttons in the list items on the home page, would you have a solution to keep buttons transitioning to turn red on hover instead of turning light blue? The buttons in the list items under the Leadership page turn red on hover, so that's okay. I pinpointed where the buttons are using the browser Inspect, but not quite sure what code to use or how or where to implement it 🤷‍♂️. a..list-item-content_button.sqs-block-button-element.sqs-block-button-element--medium.sqs-button-element--primary I know there's more to it, but would it be something similar to this: .sqs-block-button-element { primary.sqs-block-button-element:hover { color: #C80000; } }

I have an issue where the CSS code works on the Squarespace site editor but not on the live site and I can't figure out why. It pertains to 2 specific pages: The front page where there are 5 image/list items that supposed to gradually transition and rotate 180 degrees and upward when hovering over them. On the leadership page, the image/list items is supposed to gradually transition to move up upon hover but with no 180 degree rotation. Both of these elements work when in edit mode, but on the live site, this doesn't work. On the front page, the items instantaneously rotates 180 degrees and upward (no gradual transition). On the leadership page, the items instantaneously moves upward instead of a gradual transition. Also, the buttons in the list items, they are black colored buttons that are supposed to transition to turn red on hover. This works on the Squarespace site editor but not on the live site. Instead, the buttons turn light blue. Front page: SS Editor: https://ranunculus-fish-fhr3.squarespace.com/config/ Live site: kobold (koboldinc.com) Leadership page: SS Editor: https://ranunculus-fish-fhr3.squarespace.com/about-us/leadership Live site: Leadership — kobold (koboldinc.com) Haven't been able to solve these issues, so any help is much appreciated!

Hi @tuanphan, just checking in to see if you might have a code suggestion for my split section question?

Hi @tuanphan, wondering if you have any code suggestions for the above query?

Hey @creedon, I know what you mean. Ever since I started on this venture of building our corporate website, I've learned so much about what you can do and can't do, reasonably and unreasonably, on the Squarespace platform.

Hi @tuanphan, here you go: https://ranunculus-fish-fhr3.squarespace.com/completions/icdsleeves Password: 123abc

Ooops, sorry @tuanphan, the password is changed to 123abc. I finally managed to convince the company to upgrade to a business plan, if that helps with providing more flexible or advanced scripts.

Hi @tuanphan, I finally managed to convince the company to upgrade to a business plan. So now that I can add scripts, I've added the magnifying glass script you provided above. It works pretty well for the 3 current images (without lightbox). Is there a way to adjust the code so that the magnifying glass is automatically "turn off" and not showing when the mouse cursor is moved away from the image viewing area, and "turned on" and showing when the cursor is moved back in the viewing area? Also, I currently have 3 separate scripts for the 3 images. Could I use just one script and put the 3 image links in it? I tried that and it didn't work.

Thanks @tuanphan, this works great!

Hello. I'd like to redirect from an active landing page to another page, if possible. Basically, when a user first goes to the website, the landing page plays an "intro" video. This is really just a section page with a background video that loops. I currently have a link on that landing page that visitors can click to another page whenever they want to. But is there a way to redirect the visitor to another page automatically once the landing page video stops playing the first time? Currently on a Personal Plan, so using scripts in a code block won't work. https://ranunculus-fish-fhr3.squarespace.com Password: K0B0LD2o24! I have another landing page elsewhere on the website that I'd like to automatically redirect to another page, though I haven't decided if I want to keep that landing page. But if redirecting works, then I'd consider keeping it. https://ranunculus-fish-fhr3.squarespace.com/wellbore-diagnostics/kobold-connect Password: K0B0LD2o24! Any help is appreciated!

@tuanphan I have a split screen on this test webpage: https://ranunculus-fish-fhr3.squarespace.com/remediation/flowthrough Password: K0B0LD2o24! If this works, I'd like to possibly extend this idea of split screen with sticky sections to other webpages as well.

I also want to use a split section layout with two sections side by side and one sticky, or at least the two side-by-side sections can move independently of one another on the same page. I know there are plug-ins available to achieve this, but is there a way to do so without using plug-ins or script? I am currently on a Personal Plan and was hoping to use CSS code and code blocks to achieve this.

@tuanphan, when you put it that way, I guess both on current images + images in lightbox 😄. But if both aren't feasible, then I'll be happy with either option.

Thanks @tuanphan, I'd like to give it a shot, specifically on this page for my website: https://ranunculus-fish-fhr3.squarespace.com/completions/icdsleeves Password: 123abc There are 3 static images and I want to see if it is possible to use the magnifying glass effect when hovering over the images. They are currently set with the lightbox effect but figure it would nice to have a magnifying glass option as well (if the code requires the lightbox effect to be turned off, I'm okay with that). Is there a code that could be used for this purpose? If this works, then potentially the code can be used for other pages, with some tweaking here and there.