MillyBanks Posted May 17, 2022 Share Posted May 17, 2022 Site URL: https://www.shiftmovement.org.uk/home%C2%A0 Hi, I am trying to get my image card to allow scrolling on overflow. 1.I am struggling to get the text box to stay the same size as the image. Whenever the screensize changes whatever px I set it too doesn't work. I want it to be responsive like an image card is normally. The code I have used has got the text to scroll but has cut it off weirdly at the top. Something isn't quite right! Can anyone help with what i'm missing? I also want the image card to be full width for it to visually look like this Link to comment
Beyondspace Posted May 17, 2022 Share Posted May 17, 2022 1 hour ago, MillyBanks said: Site URL: https://www.shiftmovement.org.uk/home%C2%A0 Hi, I am trying to get my image card to allow scrolling on overflow. 1.I am struggling to get the text box to stay the same size as the image. Whenever the screensize changes whatever px I set it too doesn't work. I want it to be responsive like an image card is normally. The code I have used has got the text to scroll but has cut it off weirdly at the top. Something isn't quite right! Can anyone help with what i'm missing? I also want the image card to be full width for it to visually look like this I can not access the link Can you check it again? MillyBanks 1 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword HighlighterIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
MillyBanks Posted May 17, 2022 Author Share Posted May 17, 2022 36 minutes ago, bangank36 said: I can not access the link Can you check it again? It should be working - website is live behind a coverpage. 🙂 https://www.shiftmovement.org.uk/home Link to comment
Beyondspace Posted May 17, 2022 Share Posted May 17, 2022 You can try #block-yui_3_17_2_1_1652803380653_2482 .image-card { /* padding-top: 0; */ } #block-yui_3_17_2_1_1652803380653_2482 .image-card-wrapper { align-items: flex-start; } Use the padding-top value if you want to decrease the top space MillyBanks 1 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword HighlighterIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
MillyBanks Posted May 18, 2022 Author Share Posted May 18, 2022 15 minutes ago, bangank36 said: You can try #block-yui_3_17_2_1_1652803380653_2482 .image-card { /* padding-top: 0; */ } #block-yui_3_17_2_1_1652803380653_2482 .image-card-wrapper { align-items: flex-start; } Use the padding-top value if you want to decrease the top space Thanks @bangank36 I have tweaked a few things and it is slightly better but doesn't seem to be working quite right. I am not sure the flex is working as when you change window size even a tiny bit the image is offset to the image again? Link to comment
Beyondspace Posted May 18, 2022 Share Posted May 18, 2022 4 hours ago, MillyBanks said: Thanks @bangank36 I have tweaked a few things and it is slightly better but doesn't seem to be working quite right. I am not sure the flex is working as when you change window size even a tiny bit the image is offset to the image again? What is the result you want to achieve? Understanding your desire output is the must to get the right solution MillyBanks 1 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword HighlighterIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
MillyBanks Posted May 18, 2022 Author Share Posted May 18, 2022 9 hours ago, bangank36 said: What is the result you want to achieve? Understanding your desire output is the must to get the right solution I want the block to look like this - The text I need here exceeds the size of the image card. So would like it to scroll (which is working) I would like to have the green half to be the same height as the image and remain the same height on tablet and different desktop window sizes. currently it does this Link to comment
tuanphan Posted May 20, 2022 Share Posted May 20, 2022 On 5/18/2022 at 9:29 PM, MillyBanks said: I want the block to look like this - The text I need here exceeds the size of the image card. So would like it to scroll (which is working) I would like to have the green half to be the same height as the image and remain the same height on tablet and different desktop window sizes. currently it does this It looks like you figured it out? 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
MillyBanks Posted May 24, 2022 Author Share Posted May 24, 2022 On 5/20/2022 at 5:10 PM, tuanphan said: It looks like you figured it out? Hi @tuanphan no unfortunately not. The image still sits strangely within the border etc. 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