abigailryan Posted January 3 Share Posted January 3 Hello! I've been struggling with this for hours now and I just can't get it to work. I've tried custom css, and page header code injections, but nothing will get rid of the extra space between the gallery slideshow block and the footer on this page: https://jenniferirelandmakeup.squarespace.com/dmk/home (the code is "pineapple") What I need is for the image to fill whatever available space there is, even if it means the image being cropped. I've tried the 'object-fit' property, and playing about with overflow hidden, but I can't get it to work. The most infuriating thing is that it's working on this page (https://jenniferirelandmakeup.squarespace.com/jimua/home ) and I have absolutely no idea why- I have looked at every single thing it could possibly be to match the settings, and it's just not working! Does anyone have any suggestions? Thank you all so much in advance 😄 Abigail Link to comment
Beyondspace Posted January 3 Share Posted January 3 14 hours ago, abigailryan said: Hello! I've been struggling with this for hours now and I just can't get it to work. I've tried custom css, and page header code injections, but nothing will get rid of the extra space between the gallery slideshow block and the footer on this page: https://jenniferirelandmakeup.squarespace.com/dmk/home (the code is "pineapple") What I need is for the image to fill whatever available space there is, even if it means the image being cropped. I've tried the 'object-fit' property, and playing about with overflow hidden, but I can't get it to work. The most infuriating thing is that it's working on this page (https://jenniferirelandmakeup.squarespace.com/jimua/home ) and I have absolutely no idea why- I have looked at every single thing it could possibly be to match the settings, and it's just not working! Does anyone have any suggestions? Thank you all so much in advance 😄 Abigail It seems you are using the fluid engine. Have you tried dragging to remove the space yet? Your Site Title.mp4 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
abigailryan Posted January 3 Author Share Posted January 3 Thanks for replying 🙂 I have tried that, and no joy. It looks like the image fills the space when viewed on a large screen, but, as soon as I resize the screen I get a massive white area at the bottom of the block. Link to comment
abigailryan Posted January 6 Author Share Posted January 6 Anyone have any further thoughts on this? I'm completely stumped! Link to comment
Beyondspace Posted January 6 Share Posted January 6 On Edit section Try BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
abigailryan Posted January 6 Author Share Posted January 6 @Beyondspace Thanks for this, but i've tried all the options within SS, and i'm pretty sure i'll need some CSS. I really appreciate your reply, though, and i'll definitely try it out- just in case I managed to miss it! 😄 Beyondspace 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment