Naomi-lifelab Posted March 29, 2022 Share Posted March 29, 2022 (edited) Site URL: https://lifelab.world/landing-page-sample-1 Hello Squarespace team, I am kindly seeking for help regarding adjusting the overlay background for the slideshow gallery. I used this code which I also found in Squarespace forum but I cannot adjust the overlay background at it overflows below the text. Another question is can this be adjusted in mobile view too? #block-yui_3_17_2_1_1647341220455_3672 {.sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-center .meta { max-width: 50%; top: 380px; bottom: 600px; margin: 0 !important; transform: translate(-50%, -50%); width: 50%; text-align: center; height: 85% !important; max-width: 50%!important; } } Thank you so much in advance!🙏 Edited March 29, 2022 by Naomi-lifelab clicked enter immediately Link to comment
tuanphan Posted March 30, 2022 Share Posted March 30, 2022 Hi, You want to remove some spacing in overlay in screenshot 2 + Move up overlay over image in screenshot 1? 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
Naomi-lifelab Posted March 30, 2022 Author Share Posted March 30, 2022 11 minutes ago, tuanphan said: Hi, You want to remove some spacing in overlay in screenshot 2 + Move up overlay over image in screenshot 1? Yes please @tuanphan 🙏 Link to comment
tuanphan Posted April 1, 2022 Share Posted April 1, 2022 On 3/30/2022 at 5:38 PM, Naomi-lifelab said: Yes please @tuanphan 🙏 It looks like you solved with this code? #block-yui_3_17_2_1_1647341220455_3672 .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-center .meta { max-width: 50%; top: 450px; bottom: 500px; margin: 0 !important; transform: translate(-50%,-50%); width: 50%; text-align: center; height: 85% !important; max-width: 50% !important; } 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
Naomi-lifelab Posted April 1, 2022 Author Share Posted April 1, 2022 4 minutes ago, tuanphan said: It looks like you solved with this code? #block-yui_3_17_2_1_1647341220455_3672 .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-center .meta { max-width: 50%; top: 450px; bottom: 500px; margin: 0 !important; transform: translate(-50%,-50%); width: 50%; text-align: center; height: 85% !important; max-width: 50% !important; } Hello @tuanphan Thank you for replying I tried to tweak some but the extra overlay won't go away. I would like to cut off the excess the overlay below. If this is possible. 🙂 I am doing my best to change this as much as I can, but I still cannot. Trying to find the right class for the overlay. Link to comment
Naomi-lifelab Posted April 2, 2022 Author Share Posted April 2, 2022 On 4/1/2022 at 9:15 PM, Naomi-lifelab said: Hello @tuanphan Thank you for replying I tried to tweak some but the extra overlay won't go away. I would like to cut off the excess the overlay below. If this is possible. 🙂 I am doing my best to change this as much as I can, but I still cannot. Trying to find the right class for the overlay. I did a workaround on this, my client wanted to change the design. All good for now tuanphan 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