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.

Hi @tuanphan,

Is it possible to create a magnifying glass effect for images using only CSS code and no script? Am currently on a Personal Plan with no plans to upgrade to a higher level plan yet. 

21 hours ago, creedon said:

This is an important point for folks to keep in mind.

Depending on the site one may end up with issues in some browsers where things don't look good or work well.

So things may look great on Chrome but not so good in Safari, Edge, and etc. Sometimes getting an effect to look good across the different browsers can be painful or not practical. One may need to prioritize their efforts into the browsers that have the larger market.

If the site is new then there won't be analytics but after they start coming in one will want to see which browsers are visiting the site and adjust the development efforts accordingly. If one had trouble with Edge for example and didn't spend much time trying to fix and the analytics say a very low single digit percentage are using it one may just leave it be. If however one were seeing double digit percentages in the 20s or more then one might rethink and spend the effort to address the issues.

Thanks for the advice. It's something I overlooked and didn't give it a thought at all until the Managed Files issue came up. I have both Edge and Chrome on my computer at home but even when working on the site at home, I still used Edge simply because I was so used to working in that environment. Thankfully it looks like the site works well from a user perspective in both Edge and Chrome (so far). Will definitely keep an eye on the analytics over time after the site goes live👌

9 hours ago, melody495 said:

@Squaredspace Oh Edge, interesting. Glad you found the issue!

Squarespace does support Edge (if you wish, you can submit a ticket to Squarespace Support), but more people use Chrome compared to Edge, so it tends to have fewer issues.

Thanks. I was happily (and not giving a thought regarding choice of browsers) developing and testing the site in Edge for months with no problems up until the Managed Files issue. I will submit a ticket to support and see what they say. 

In that case, thanks Microsoft...

I'll keep that in mind regarding site development experience and visitor experience. Here I was, developing the site on the web browser that only has 5% marketshare🤦‍♂️

59 minutes ago, creedon said:

I just tried out Edge and it is screwed up. The plus button is not aligned properly so when you click on a file, you get the add file dialog.

What is interesting is Edge uses the rendering engine from Chrome. So I can only guess that Microsoft screwed something up.

That is right. Would have thought zooming in and out might resolve the alignment issue but it doesn't. You can imagine my frustration as I couldn't figure out what was wrong.

I'm now wondering if it could be something like a cookie settings issue in Edge. Will play around with some browser settings to see if that fixes things. Otherwise, will develop the website in Chrome from now on....

@creedon, thanks for this idea. Unfortunately the issue didn't go away while in safe mode. BUT, I did manage to resolve the issue. Sort of.

Microsoft Edge browser is the default browser for our company laptops, so it never occured to me to think about trying another browser until @melody495  mentioned it could be a browser related issue. Even then, I didn't actually try the website using another browser until yesterday 🤦‍♂️. I'm happy to report that there are no issues with the Custom Files section for my site in the Chrome browser. I installed the same extensions to test things out, and everything works as it should be!

This begs the question of why the Custom Files doesn't work as it should in the Edge browser. Would be interesting to hear if anyone else has experienced this or other UI issues in Edge versus Chrome. Thanks @creedon and @melody495 for helping out!

Thanks @melody495. I initially thought it was a browser issue as well, so I checked and it's at 100% zoom. I even thought maybe it could be a browser extension (e.g., pop-up blocker) that's causing something to look off. But nothing changed after removing the extensions and closing and restarting the browser. I'll go through the custom codes to see if there's anything affecting Squarespace's editor, but not really sure what to look for 😬

Thanks @creedon . But as you can see from the screenshot in my original post, there's no option to hover over any file and click a big X to delete files. Could this be due to some sort of glitch somewhere in the Squarespace settings/UI or even browser settings?

Thanks @creedon. If the UI has changed for v.7.1, would you be able to help steer me in the direction where or how I can manage and upload images/videos and create URLs to them, in the same way it is possible in Managed Custom Files?

I know there is the Link function under Pages and also the Content Link block, but I don't think they serve the same purpose as Custom Files/Managed Custom Files?

Also, for the images that I uploaded to Custom Files but can't remove them, does that mean I can't do anything about them? I've only uploaded about 5 images before realizing I have no control over what I can do with them. It's not a big deal, but it bugs me that Custom Files is just there with no apparent functionality 😬

Sorry for reviving an old post, but I haven't been able to find a solution to the problem I'm experiencing with Managed Custom Files. Hope someone can help. When clicking on the drop-down arrow to expand Custom Files, it only lets me upload images and videos. I don't have any control over what I can do with the files, i.e., I don't see a Managed Custom Files option anywhere. I can't even scroll up or down Custom Files to select files or delete files. It only lets me upload files and that's it. Is this due to some recent Squarespace update? Or a less likely scenario but I'll ask anyway - is this because I'm on a Personal Plan subscription?