Jump to content

Background image now blank.

Recommended Posts

Site URL: https://www.aligma.io

Password: aliGMA2022!

The background image on my client's home page has now disappeared. It says it is loaded on my end, but shows a blank white slate both in the backend and on the live site. Now on the live site, I can see the correct image hidden behind when I scroll down above the header!

I also have a colourful blue/green footer (same as the header) which is no longer showing. I have not made any additional changes, these have happened automatically.

Help! (FYI I have SquareKicker if necessary)

Link to comment

I have a similar problem! Background images suddenly don't get displayed anymore.

It only gets displayed when I activate an Image Effect for the background image. For the moment I did that to fix it. I used Film Grain but I put everything to zero without animation because this way it looks like a normal image without any effect.

My main site where I used the grain effect now to fix the problem:

A 2nd older version of the same site where I didn't change anything and now suddenly the background images don't get displayed:

But in general, it seems to have loading issue and also seems to have changed the height of the sections. We didn't change anything on the site the last few days.

Link to comment

I contacted Squarespace support via live chat. Apparently something in our Code Injection custom code is causing the issue. The background images do get displayed when they run it in "safe mode" which temporarily suspends all Code Injection to the website.

I didn't change anything in the code injection yet and now suddenly the backgrounds are back on the live site. 😅 I don't know what exactly is going on. I now changed all backgrounds back to have "none" image effect.

Edited by blindflugstudios
Link to comment
  • 1 month later...

I was having this issue, too. After seeing this thread I checked my injection code and the issue appeared to be some code that I had placed in my Header injection area. When I went back to my original download link to see if the developer had made any updates I realized that I had missed a message that had come from him a while back alerting me to an update in the code. Once I followed his instructions to replace the code in my header and footer injection areas...BOOM. All looks and works great again.

Link to comment
  • 2 weeks later...

Hey, I had this issue too then replace code in footer with this and it works again


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/scrollax@1.0.0/scrollax.min.js"></script>
  $('.has-background').attr('data-scrollax-parent', 'true');
  $('.has-background .section-background').attr('data-scrollax', 'properties: { translateY: "30%" }');
  .has-background {overflow: hidden;}


Link to comment
  • 2 weeks later...


wondering if you can help I have the same problem have but do not have any code injection on any page of my site (new to this) my background on the homepage of my website is not displayed but when I go to edit the image is there as normal, have tried to add an effect as someone suggested above but this doesn't help. 




any help would be much appreciated I have no idea how to fix this? 

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.