Adjusting Overlay text from Slideshow in Brine SS7.0

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!🙏

Hi,

You want to remove some spacing in overlay in screenshot 2 + Move up overlay over image in screenshot 1?

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 🙏

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;
}

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. 

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