Jump to content

Portfolio Page - Can't see image covers without scrolling down extensively, slow load- now what?

Recommended Posts

Site URL: https://www.staceyscribbling.com/projects

I have a portfolio page on my site that will not show unless I scroll down 4 or 5 times...only then will the page start populating. There isn't anything more different about the images on the page than any other page-blog, shop, etc. It just won't load the image covers. I am not sure how to fix it. I feel like when someone goes to the page, they will see nothing and not really think I have anything there. Does anyone here have any ideas to fix it? Thanks in advance.

Link to comment
  • 5 months later...
  • 1 month later...

Hi I am having the same problem on my portfolio page. If I have two across it wont load until I scroll down.

When 3 across loads a little faster but titles don't appear. 4 across loads faster, names appear but not on the bottom row.

Please help, Bellinda

www.builtcomplete.com.au

Link to comment
On 3/25/2022 at 1:01 PM, Bellinda said:

Hi I am having the same problem on my portfolio page. If I have two across it wont load until I scroll down.

When 3 across loads a little faster but titles don't appear. 4 across loads faster, names appear but not on the bottom row.

Please help, Bellinda

www.builtcomplete.com.au

Hi. Have you found a solution yet?

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...
13 hours ago, emilyannstewart said:

Hi, I'm having this same problem on my site. Any resolution? 

https://white-spunner.com/projects1

It looks like you solved with this CSS?

div#gridThumbs {
    opacity: 1 !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 5/11/2022 at 7:53 PM, emilyannstewart said:

I still have to scroll for infinity on both mobile and desktop for the portfolio to load, and the portfolio titles don't load until I scroll all the way to the top or bottom. The very last portfolio name never loads on mobile. Not sure what's going on. 

Try this new code

div#gridThumbs {
    opacity: 1 !important;
    transform: unset !important;
}
.portfolio-grid-basic .grid-item .portfolio-title {
    opacity: 1 !important;
    transition: unset !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 weeks later...

Hello, I'm having the same problem. One portfolio page loads normally but another won't load without scrolling down. The template is NOVO 7.1

I tried injecting the suggested code into the pages <head> tag in the advanced settings. It did not work.

If someone solved this please advise. Thanks!

Link to comment
  • 3 months later...
On 5/14/2022 at 10:18 AM, tuanphan said:

Try this new code

div#gridThumbs {
    opacity: 1 !important;
    transform: unset !important;
}
.portfolio-grid-basic .grid-item .portfolio-title {
    opacity: 1 !important;
    transition: unset !important;
}

 

This worked like a charm Tuan. Amazing. 

 

Link to comment
  • 3 weeks later...
On 5/14/2022 at 5:18 AM, tuanphan said:

Try this new code

div#gridThumbs {
    opacity: 1 !important;
    transform: unset !important;
}
.portfolio-grid-basic .grid-item .portfolio-title {
    opacity: 1 !important;
    transition: unset !important;
}

 

I think I figured out where to inject it , though I asked about that earlier (in the Advanced section). Seems to be working for me. I will check with my co-workers to make sure they have a better user experience.

Edited by triedandtrue
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.