Jump to content

Images disappear in Collage format

Recommended Posts

Posted

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

  • Replies 8
  • Views 1.6k
  • Created
  • Last Reply
Posted

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!

  • 1 month later...
  • 1 year later...
Posted

@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.

Posted

@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.

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.