How to remove image overlay on index page gallery slideshow in Brine 7.0

[thatblackcat]

Site URL: https://elainewongart.com/

Hi anyone please help me with this..

I've created an image gallery slideshow with transparent border on my index page. But as you can see, there is still a gray image overlay box that made my image border not fully transparent. Can someone please let me know what CSS I need to use to remove the overlay? Site url : https://elainewongart.com/

[Beyondspace]

1 hour ago, thatblackcat said:

Site URL: https://elainewongart.com/

Hi anyone please help me with this..

I've created an image gallery slideshow with transparent border on my index page. But as you can see, there is still a gray image overlay box that made my image border not fully transparent. Can someone please let me know what CSS I need to use to remove the overlay? Site url : https://elainewongart.com/

Try this in Design-->Custom Css

.sqs-gallery-block-slideshow {
  background-color: transparent;
}

Btw, your website is really beautiful, I love how you design it very much, trully amazing!

[thatblackcat]

Thank you so much bangank36 , the above solution works perfectly!! 😍

Thank you also for the compliments of my site design, I researched & learned lots of design tips from the experts to be able to come to this result.. still a work in progress. 

[Beyondspace]

3 minutes ago, thatblackcat said:

Thank you so much bangank36 , the above solution works perfectly!! 😍

Thank you also for the compliments of my site design, I researched & learned lots of design tips from the experts to be able to come to this result.. still a work in progress. 

It looks different in a good way

[thatblackcat]

Interestingly, I hit another image overlay problem on the same index page... and I tried different CSS, doesn't seem to work to remove the white square overlay so that my transparent image can show nicely... Please anyone, help me again?😅

[tuanphan]

On 12/31/2020 at 3:13 PM, thatblackcat said:

Interestingly, I hit another image overlay problem on the same index page... and I tried different CSS, doesn't seem to work to remove the white square overlay so that my transparent image can show nicely... Please anyone, help me again?😅

The white space is within your image. Edit with Photoshop & remove background.

[thatblackcat]

omg, thank you tuanphan for pointing out my stupid mistake! 😅

[hostyle01]

Hi,

I am also trying to remove the grey overlay on my index page images in Brine, but they are not in a slideshow and the above code didn't work for me, can anyone help me please? 

Site url: https://caterpillar-dog-ya7c.squarespace.com/
p/word: doublelives

Thank you!

[tuanphan]

On 7/6/2022 at 6:36 AM, hostyle01 said:

Hi,

I am also trying to remove the grey overlay on my index page images in Brine, but they are not in a slideshow and the above code didn't work for me, can anyone help me please? 

Site url: https://caterpillar-dog-ya7c.squarespace.com/
p/word: doublelives

Thank you!

I don't see overlay. Can you take a screenshot?

[hostyle01]

Thanks @tuanphan I've attached a screenshot, the grey box behind 'stories — dance' should be white, to match the background, but instead it's a very light grey. Thanks

[tuanphan]

On 7/20/2022 at 8:46 AM, hostyle01 said:

Thanks @tuanphan I've attached a screenshot, the grey box behind 'stories — dance' should be white, to match the background, but instead it's a very light grey. Thanks

Which page are you referring to? I don't see Stories-Dance on homepage