mycreativecondition Posted October 20, 2021 Posted October 20, 2021 Site URL: https://www.myskycoach.com/ Hi there - Originally (for over 2 years) the image on top of the background (hands holding iPad) was always flush bottom, and flush right. I am not sure when this issue started, but I can't seem to figure out what's going on. If anyone could take a look at the CSS I currently have and help with a fix, I'd greatly appreciate it. The goal is to get that image flush bottom, flush right to that section again. URL is above or https://www.myskycoach.com/. Thanks in advance. // Image Alignment - Home iPad // ------------------------------------ body:not(.sqs-editing) [data-section-id="5de97c8f6e597454f4f83027"] { .content-wrapper { position: static; } .sqs-col-5 { position: relative; z-index: 2; } .sqs-row { position: static; } #block-yui_3_17_2_1_1575931918121_9965 { position: absolute; bottom: 0; padding: 0!important; //right: 0; .image-block-wrapper { padding: 0!important; } img { display: block; position: relative!important; width: 100%!important; height: auto!important; bottom: 0!important; top: auto!important; left: 0!important; } } } // -----------------------------------
Beyondspace Posted October 22, 2021 Posted October 22, 2021 On 10/21/2021 at 6:17 AM, mycreativecondition said: Site URL: https://www.myskycoach.com/ Hi there - Originally (for over 2 years) the image on top of the background (hands holding iPad) was always flush bottom, and flush right. I am not sure when this issue started, but I can't seem to figure out what's going on. If anyone could take a look at the CSS I currently have and help with a fix, I'd greatly appreciate it. The goal is to get that image flush bottom, flush right to that section again. URL is above or https://www.myskycoach.com/. Thanks in advance. // Image Alignment - Home iPad // ------------------------------------ body:not(.sqs-editing) [data-section-id="5de97c8f6e597454f4f83027"] { .content-wrapper { position: static; } .sqs-col-5 { position: relative; z-index: 2; } .sqs-row { position: static; } #block-yui_3_17_2_1_1575931918121_9965 { position: absolute; bottom: 0; padding: 0!important; //right: 0; .image-block-wrapper { padding: 0!important; } img { display: block; position: relative!important; width: 100%!important; height: auto!important; bottom: 0!important; top: auto!important; left: 0!important; } } } // ----------------------------------- Can you share a screenshot of your issue that can help us to figure out the problem and solution more easily? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
Recommended Posts
Archived
This topic is now archived and is closed to further replies.