Jump to content

Images disappear in Collage format

Recommended Posts

Site URL: http://www.applywrite.xyz

Hello, thanks for any feedback. 

I've been using the Ready Template, and I'm having a few issues. Elements randomly seem to disappear (after functioning for a while).  

Currently, I have an image that disappears when in collage mode. It was functioning for 48 hours then disappeared. The text box that hovers over the image remains visible. When I click Edit, it appears in the editor as if it is visible. It also reappears on the site if I change it to any image layout option other than collage. Deleting and adding the image back does not work. Trying another image also doesn't work. Adding a new box with image, again, doesn't work. 

Wondering if anyone has had this issue? Thanks!

Screen Shot 2020-05-29 at 7.07.49 PM.png

Link to comment

Looks like there's a background color of white (#fff) that get's applied to the CSS selector .sqs-block-image .design-layout-collage .image-overlay, see animated gif. 

You could add CSS to fix it, or perhaps a color was updated in the Design settings?

If you go the CSS route, you could add:

.sqs-block-image .design-layout-collage .image-overlay {
	background: transparent;
}

 

BRl3dAD9Qn.gif

Full stack developer who loves helping people out with anything web related. If you'd like to support me, buy me a coffee!

Link to comment
  • 1 month later...
  • 1 year later...

@SouthernSunEvents

Can you tell us the screen size of the device? Or the make and model. It might help us determine if there is an issue near that particular screen size.

I didn't notice anything odd on my test set up.

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

@SouthernSunEvents

Input the screen resolution on my test set up. Didn't notice anything. That doesn't mean much because the test setup doesn't perfectly replicate a real devices behaviour.

Anyone have a first gen iPad Air they can test on and let us know what you find?

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

@SouthernSunEvents

Say. Is your iPad Air as up to date on iOS and browser versions as they can be? If updates are available they may have addressed the issue you are seeing.

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.