Jump to content

Recommended Posts

Posted (edited)

Hello everyone,
my website has a delay while loading or changing pages.  
During  loading, shortly  a black background is visible, in both; header and in the body part.

How can I prevent this?

I have already adjusted the background color. This doesn't really work.
I don't want to integrate other tools such as: websitespeedy

Any ideas?

Thanks in advance!

Edited by AROSS
Link to comment
  • Replies 7
  • Views 188
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted (edited)

Try the following.

section[ data-section-id="659dbcb8ca6ee20db86e0d97" ] {

  --siteBackgroundColor : #EB7931;
  
  }

section[ data-section-id="656e4ac372bb280383799406" ] {

  --siteBackgroundColor : #f0923e;
  
  }

This won't stop the loading flash you are seeing but does make the background color closer to the overall color of the video.

Let us know how it goes.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Thank Creedon for your effort! First the page still loads in black, then some white field from e.g. form on the contact page, and finally the background color appears in orange. The color in the header disappears again while scrolling and comes back. 

Link to comment

I didn't check the about page. You can apply similar CSS to it. I updated the CSS I provided.

I choose a single color but you might be able to use a gradient of some kind to get a better transition as the pages load.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.