Jump to content

Custom CSS with gradient background color stopped working

Go to solution Solved by Beyondspace,

Recommended Posts

Just got off a live chat for this issue with no result as they refuse to help me when it's related to custom CSS.

I've had code to have my background color every other section as an orange gradient and it has worked for about a year now. All of a sudden without any changes on the website for a good while, it has stopped working. The last thing I did was playing around with a plugin for a gallery and while working with it the gradients worked just fine. It also worked fine after this, so I don't think it causes the problem. Removing the code for it doesn't help either.

I tried to copy section-IDs again to make sure it was still the correct ones in the code, but nothing.

What could be the problem here? The gradients really made the whole website...

Link to comment
15 hours ago, Polyscans said:

Just got off a live chat for this issue with no result as they refuse to help me when it's related to custom CSS.

I've had code to have my background color every other section as an orange gradient and it has worked for about a year now. All of a sudden without any changes on the website for a good while, it has stopped working. The last thing I did was playing around with a plugin for a gallery and while working with it the gradients worked just fine. It also worked fine after this, so I don't think it causes the problem. Removing the code for it doesn't help either.

I tried to copy section-IDs again to make sure it was still the correct ones in the code, but nothing.

What could be the problem here? The gradients really made the whole website...

Can you share your site with the protected password so I can take a look?

Greeting, it's 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 lightbox, Delivery Date Picker, Keyword Highlighter
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 comment
  • 3 weeks later...
  • Solution
On 12/18/2022 at 2:10 AM, Polyscans said:

The website is public: https://grapefruit-frog-cpsc.squarespace.com/

It's live at polyscans.no. Not sure if you need more to take a look, I'll provide if you need anything else thanks.

You can try the following code on Home > Design > Custom Css

.page-section.background-width--inset .section-border {
  background: transparent;
}

Support me by pressing 👍  or marking as solution if this useful for you

Greeting, it's 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 lightbox, Delivery Date Picker, Keyword Highlighter
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 comment
On 12/19/2022 at 4:47 PM, Beyondspace said:

You can try the following code on Home > Design > Custom Css

.page-section.background-width--inset .section-border {
  background: transparent;
}

Support me by pressing 👍  or marking as solution if this useful for you

Thank you so much, this seems to have solved it. So based on the code you provided and the small amount of knowledge I have about it, is it correct that the dark color were basically overlaying the gradient from my code?

Also, do you know what caused this? Only thing I can think of is upgrading sections to the Fluid engine, but I'm fairly certain that the gradient worked a while after upgrading so I'm not sure if it's even related.

Again, thanks!

Link to comment

Squarespace have just updated some new features and they add new element on section background. So it may cause your issue

Greeting, it's 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 lightbox, Delivery Date Picker, Keyword Highlighter
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 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.