For the buttons with arrows, when you hover, the arrow doesn’t change colour for some reason. I have set it to change colour, but the functionality doesn’t work. I have tried using a Wix icon and our own vector, and neither changes. Is anyone else experiencing this bug? The toggle is greyed out.
Hi, Jessica_Plant1 !!
I remember seeing in a previous topic that if you can’t change the color of a vector file, it’s likely an issue with the vector file itself. In such cases, even if you set hover animations in the Wix Studio editor or directly configure the “fill” value in CSS for hover, it might not work. 
However, I remember that someone found a solution in that topic, so I’ll start by looking for the topic log. 
Is this the thread you were referring to? Vector Art in Studio - Bug? - #3 by Flying_Dutchman
Using only Wix Studio’s features, I confirmed that the icon’s color changes when setting it to change on button hover. Are you sure you’re not mistakenly changing the “text” color instead?
Here’s a look at the Editor settings for the button in question. The regular state shows the icon, “arrow,” and then the hover state does not allow the icon to be shown. The toggle is greyed out.
Update ** This issue is a bug confirmed by Wix Support. Ticket escalated.
1 Like
I apologize for not being able to help, but I’m glad to hear the issue seems to be resolved. Wix Studio still has room for improvement, but I hope it continues to evolve into a stable version. As a Wix fan, I’m excited to see its progress. 
No fix yet. Still waiting to hear back.
Oh, you’ve only just reported it to Wix Support…ok. I’m sorry, it seems the translation app made a mistake, and I misunderstood. 
I hope the issue you are facing gets resolved soon!
I checked again, and it’s indeed true that the toggle for switching the icon display in the “hover state” is grayed out and unusable. If the current behavior of not being able to toggle the icon’s visibility on hover is not according to Wix’s specifications, then this is a bug.
The latest from the escalation of this issue is that Wix doesn’t understand the problem. Good grief! Why can’t they just fix the bug?!
Hi Jessica , I want to clarify the issue once more. I understand that toggling the “show/hide” of an icon between “normal” and “hover” states is not possible due to it being grayed out (though you can simulate this by adjusting the icon’s color opacity). However, I believe that changing the icon’s color between the “normal” and “hover” states is still possible with the current setup. Is this what you’re trying to achieve?
“normal state”
“hover state”
Yes, exactly. But it doesn’t work. We’ve changed the icon colour in the hover state but it doesn’t show. See below for reference.
I see , based on our conversation so far, your approach doesn’t seem to be incorrect. Have you made any changes to the contents of the global.css file? Alternatively, have you placed any custom elements on the site? Also, is this issue something that can be reproduced on other sites as well?
Hi again,
I have to say, you are much more helpful than Wix “support” I’m still getting the brush off from them. The latest reply again doesn’t address the core issue. :S
I don’t know how to change the global.css file. We have not done any custom elements. And yes, the issue is occurring on other Wix Studio sites.
Well, I also had some frustrating experiences when I was a beginner with Wix support… haha. They are more like intermediaries between us and the development team, and they may not always be experts. That’s why, when they can’t replicate the problem, they tend to delay the response. Of course, they’re also busy with many other issues. It’s understandable to feel frustrated on our side, but being upset won’t solve the problem, so I think it’s important to sometimes take a step back and see things from their perspective. Also, since their support isn’t perfect, there’s this user community where we have to solve issues by helping each other. 
At the moment, what I’m thinking is that since I haven’t been able to reproduce the issue in my environment, it might be an environment-specific issue rather than a problem with Wix as a whole. Wix generally seems to guarantee functionality on the latest browsers, so if you’re not already using an up-to-date version of a modern browser (Google Chrome, Safari, Firefox, Edge), I think it’s worth updating and testing again. For now, try doing that. 
If that doesn’t solve the issue, we can apply code in global.css to change the icon color when hovering over the button.
Please paste the following code into the global.css file and add the custom class name “changeColor” to the button element in the CSS settings panel. This code may show a warning (yellow wavy line), so it might not be an ideal solution. If you’re concerned about that, don’t use it.
.changeColor:hover path {
fill: yellow;
}