Wolfsilon

Hi there,

Could you please share a private link to your website so we can look? Thanks!

Dan

Hi,

Ghost Plugins is pretty legit, if you have the $20.00, I'd recommend purchasing the plugin. If you're familiar with Javascript, the animation is controlled based on the distance or presence of a section in the view-port. We can't really demo custom scripts on your website without developer access. If you really want to do this on your own. This code should be a good reference 😄

<script>
const colors = ["", "lightCyan", "darkSkyBlue", "aquamarine", "electricBlue"];

const sections = [...document.querySelectorAll(".page-section")];

window.addEventListener("scroll", function () {
  const scrollFromTop = window.pageYOffset;

  for (let i = 0; sections.length > i; i++) {
    if (scrollFromTop <= sections[i].offsetTop) {
      document.body.className = colors[i];
      break;
    }
  }
});
</script>

Hi,

I'm assuming in your use-case you'd prefer the option be available immediately. If so, you'll need to remove the animation.

An alternative strategy would be to place the print button at the end of the article. At that point, the entire page should be loaded when a viewer reaches it.

Best,

Dan

Hi,

Can you please share a link to your website so that we can take a look? Thanks.

Best,

Dan

Hi,

Could you please attach a link to your private/public website so I can take a look?

Best,

Dan

@Leanie Can you share a private link to your website so I can take a look? 🙂

You wouldn't be able to accomplish this natively. You'll want to look into a third-party plugin or custom Javascript.

Sup! Are we long lost siblings? DWolf here...

If it's critical to have them be a specific aspect ratio, you could always just edit each photo and set them at the desired AR using the Squarespace image editor or on external editing software.

You're absolutely correct that 'hard-coding' the images would impact the dimensions on different screen-sizes.

If you're familiar with coding, you could try to apply a global max-width and min-height and use relative units like "vw" "vmin"...etc to make this a bit more fluid.

What a good band... Mad Season....

Anyways, you can control the background of the mobile navigation menu by navigating to the Site Styles panel. I believe there also used to be an option within the 'Edit Header' tool too. Just make sure you select the little mobile icon.

Best,

Dan

Hi,

Unfortunately, with widgets like these you will need to adjust the code from the providers side. Perhaps they have a special customer support or Squarespace widget that you can use.

Best of luck to you!

Dan

Before the Fluid Engine roll out, I had found a workaround using the Squarespace 'tag' system. By the end of it, I gave up on coming up with a UI solution as a drop-down or 'sort-by.' But you can certainly "parse" the articles using tags!

Best of luck to you!

The difficulty is that Squarespace will load everything immediately on render, this means it will also run the script you've shown above. If you're familiar with JS you can try to disable AJAX loading. In my opinion, the result of doing so is almost worse than if you left it on.  The simplest solution is to avoid relying on inputs or interactions to fire an event, especially if we have no control over it.

Similarly, because we have no control over the Form script, it'd be safe to assume we also can't adjust that code at that level either. I'd suggest building the 'webapp' yourself, if you're comfortable, or seeing if there's a third-party widget that you can use.

If you're using the Fluid Engine grid layout, the desktop view and the mobile view can be individually edited. As for the scaling text.

My suggestion would be to use a code specifically for mobile to prevent the text from scaling. Could trying using something like :

@media only screen and (max-width: 749px){
h1 {
font-size: 48px !important;
	}
}

Hi there,

iFrames can be tricky when trying to customize further without having access to the widget itself. You can try using this code. Hope this helps!

#block-yui_3_17_2_1_1667509689769_14831 .sqs-block-content div {
  width: 100vw !important;
}

Hi there,

Peace be with you. On my end everything looks good to me!

Use a code block. Add the image to the code block '<img src="your_link_here".../>'

Set the dimensions of the image as a pixel-based unit.

Set the maximum height or hard-code the height of the code block to your desired dimension.

You should now be able to leverage the 'overflow' CSS property to achieve your desired outcome 😄

Hi!

It would make a bit more sense to me if you could provide a screenshot/recording of the desired loading behavior. That way I'm not giving you bad code to try 😛

Not seeing any underline issues from my end. I'm guessing you figured it out? Very spiffy looking website!

Hi,

If you're just wanting to update the background for the Home page. Trying using the following code to change the background of all of your Home page sections 😄 

#collection-6192dc20b37fe26b94e5e5ee .section-background {
  background: #f9fafb !important;
}

I think that the header-title...() class updates when you're on mobile. I'd start with inspecting your website and setting the inspector view to a mobile device!

Best of luck! 😄

Hi!

Looks like you forgot to share the URL. You did share the password though, so that's the part that most people miss 😛 

Happy to take a long whenever you can share the URL.

I think you should be able to achieve this by using the following code:

.ProductItem-relatedProducts {
border-bottom: 2px solid;
padding-bottom: 15vh;
}

Hope this works!

Best,

Dan

I think that video backgrounds will default to using a mobile fallback image anyways, so you shouldn't have a problem with that. Just scroll to the bottom of the tool editor and upload your fallback 😄

@diaaannna You could just disable the code before editing. The additional steps to take to have it recognize you're in 'edit mode' would be way more difficult than just commenting the script out.

Hi!

I imagine you're likely well-knowledgeable and familiar with Javascript, if not, it will be very difficult to provide you a simple solution without hiring a developer. Have you done any research on widgets or embed-able tools that you could use?

Best,

Dan