Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
laurenjaynehughes

Fixing the position of an overlapping image

Question

8 answers to this question

Recommended Posts

  • 0
section[data-section-id="5ee3890941a7fb71eb09acab"] .row.sqs-row .sqs-col-4:nth-child(2) .sqs-block-image:first-child {
  position: absolute;
  width: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

image.thumb.png.fb4efa981517c941173c1660c1a05656.png

Please check


I am frontend dev that provide solutions to enhance feature of squarespace.com can't provide, please check my profile for more details

--- To Space And Beyond! ---

https://www.freelancer.com/u/BaNgan

Share this post


Link to post
  • 0

Thank you so much for the quick response! This is what happened when I added the code...It moved it down onto the image, would I just need to tweak it to sit at the top of the whole section? Thanks!

1049504595_Screenshot2020-06-2212_57_58.thumb.png.43b12065d7b22fa9e4cfbf03f2938c6b.png

Share this post


Link to post
  • 0

@laurenjaynehughes  are you able to share a screenshot of where you've added that image in the page? This is doable however it may require laying out your elements in a different order. 


Philadelphia, PA

Available for hire

Beyond Copy/Paste: Learn CSS for Squarespace Workshop

Chat/Message on FB Messenger for quickest responsehttps://m.me/dejaegherryan

 

Share this post


Link to post
  • 0

@RyanDejaegherI was wondering if you could still help with this. I actually decided to remove the pink squiggle line as I couldn't get it to work. But I am trying to get the image of the A frame cabin to work overlapping into the section below. I currently have this code....
 

//desktop negative margin: spotlight//

[data-section-id="5ee3890941a7fb71eb09acab"] {
 z-index: 3;
.content { margin-bottom: -200px;}

  & + section {

    padding-top: 100px;

  }

}

and similar for mobile, but this makes the text on the left hand side move down with it, is there any way to just have the image overlap? Thank you so much!

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...