I have several bugs in my design for a project I’m trying to complete. I didn’t want to create several tickets, so I thought I’d list them all here in one post. Some of them are quite funny, so I will try and explain them as best I can.
I cannot use this site with these bugs, so I will have to recreate everything in a new project for now, as I’m under a deadline.
1) I cannot change the colours used for gradient overlays
I have a gradient overlay applied to some cards at the end of the homepage. I have added a black gradient that I want to end in transparency, but I cannot edit the second colour used. If I change this colour, the overlay is immediately changed to a solid colour.
Thanks for bringing those up! I’ve added those to our bug tracker and will make sure we will take care of those at earliest possible window. I’ll surely get back to you when we have this one fixed
Thanks for the reply and great to see this picked up. I tried creating a new site and I’ve run into these errors again, but I’m under a big deadline so I’m going to have to persevere!
Can you confirm you’re able to replicate those errors in my review link? Just checking I fully explained the issues
I was able to replicate those errors on new website, so that’s definitely a bug we’re going to fix
Can you - for now - try using combo classes or duplicated classes? I’m sorry it came up right before your deadline and I hope you can work around it to deliver on time!
Is this an issue with folders and building of sites? It seems very specific to me, as not many other users have commented.
I would need a resolution for this as I have a site going live on the 12th October and I’m finding more errors that are either making normal functionality hard to handle or breaking functionality I require to finish the site.
Unsure what the root cause of this could be - new canvas perhaps?
For issue #2 you posted about — the gradient will only change to a solid color if all gradient stops are the same color. As a workaround, if you need to make a gradient go from something like black → black with 50% opacity, you can set the opacity stop first to avoid the issue.
For question #3—this is a known issue our team is currently working to resolve. @bart or myself will post on here with an update when we have more information on it.
For issue #2 you posted about the gradient will only change to a solid color if all gradient stops are the same color. If you need to make a gradient go from something like black → black with 50% opacity, you can set the opacity stop first to avoid the issue.
This is what I’ve been doing as a workaround but this wasn’t the functionality I was used to, or that was common in Webflow for me.
If I select one colour to be black and then change the second colour to black, Webflow would previously allow me to then change the transparency of this colour.
If this has been changed deliberately, I would suggest you revert this behaviour back to what it was. Colours of transparency matter especially with Safari.
Apologies for my lack of clarification here. This is definitely not expected behavior with gradients— we are definitely still investigating issue #2. The information above is a workaround you can use rather than a solution
@irishbuckley this is a quirk when working with side navbars and anchor links. You can nest the entire navbar in a section to resolve the issue (this won’t change your design).
And yes our team has pushed a fix for Issue #1 you reported above and global classes are working as expected now.