Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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


Recommended Posts

  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

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 amazi

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

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 ab

Posted Images

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/2020-12-30_11h56_33.thumb.png.3d4ba6aa4633242a3335006eceafd1aa.png

Try this in Design-->Custom Css

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

image.png.9779e46cf035f8f04e110332af496219.png

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

Greeting, it's BaNgan from 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 lightboxGeolocation Automatic Currency Converter, Sortable Table from GSheet
If 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 post
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

Greeting, it's BaNgan from 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 lightboxGeolocation Automatic Currency Converter, Sortable Table from GSheet
If 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 post
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?😅

2020-12-31_16h13_00.thumb.png.5ec7a419e4a907af85c2372baf39df15.png

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

image.thumb.png.fd3a1bfba84a07060aec036ec6906c10.png

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...