Jump to content

Black Gradient shows white in portfolio grid overlay.

Go to solution Solved by Marzon,

Recommended Posts

Site URL: https://shark-clementine-5jph.squarespace.com/portfolio

.portfolio-overlay {
      background: linear-gradient(to bottom, #ffffff00 50%, #000000)}

I'm trying to have a black gradient that fades to transparent on the portfolio grid overlay. But the existing overlay prevents #FFFFFF00 from being transparent (it's just showing as white (#FFFFFF).

Any help is greatly appreciated. And please let me know if I can provide any other info. I'll be sure to get back right away. 

Site password is: mz

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

  • Solution
2 hours ago, rwp said:

.portfolio-overlay {
    background: linear-gradient(to bottom, #fff0 0 50%, #000) !important;


So this appears to be working when I am editing the portfolio section (in site). However as soon as I save out of it, it reverts back to white. 

I fixed it! It was having a problem with the #fff0 so I switched it to rgba. 

.portfolio-overlay {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, black) !important;


Edited by Marzon
I fixed it
Link to comment

Create an account or sign in to comment

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

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.