Jump to content

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

Recommended Posts

Posted

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

  • 2 months later...
Posted (edited)

@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

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.