Jump to content

Layering image (or other) blocks directly "on top" of each other

Recommended Posts

Site URL: https://faithstrongsite.squarespace.com/layertest


I am trying to layer image blocks directly on top of each other on a single page. I did this with two images on the page linked above. (password: faithstrong) Adjusting the margins seems to work, but not on mobile. Here is the CSS I used.

#block-yui_3_17_2_1_1611041268633_5042 {
  margin-left: -640px;

#block-yui_3_17_2_1_1611041268633_3771 {
  margin-right: -640px;

How do I get the same effect to work on mobile? Am I using the best solution for what I want accomplished? I'd also like to be able to stack/layer more than just two images. Several in fact. So if you know of a better solution please share.



Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

On 1/24/2021 at 2:21 PM, Kico said:

Yes please!

Hi. Sorry for the delay. I was off some day.

Do you still need help on this?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.