Jump to content

How to Turn Off scrolling reveal for Project Images, Make images populate immediately

Recommended Posts

I have a portfolio website using the Jasper Jin template. I created the original website years ago and have been adding content since. For my projects, I've noticed hiring managers are confused.

The problem:  The first image is all that shows when you click on a project. It takes a good amount of scrolling before the next image animates/reveals giving the impression there's only one image, especially if your screen is not as wide. I want to turn this feature off so all the images populate right away. I cannot find that option in the site styles or project settings.

Please let me know how to turn this feature off if you know how. 

Home pagehttps://woodward.design/ click any project 

Project page: https://woodward.design/revenue-hq

Link to comment
  • 2 months later...

@tuanphan do you know how I would adjust this for a form?  On this page https://lg-option-c.squarespace.com/new-clients (password: fullreview), I find the fact that the form is not visible immediately could be confusing.

Disregard! I figured it out from another comment of yours :)


/*turn off scroll reveal on form*/
#block  {
    transform: unset !important;
    opacity: 1 !important;
    transition-delay: unset !important;
    transition: unset !important;

Edited by lulu.lindberg
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.