It works in BSS preview and publish, but in the editor, I get this and under the Force State tab, I have to toggle off :hover to see the hover effect.
Why?
UPDATE
It probably has something to do with the order of my CSS rules. Will see if I can rearrange the blocks
Nope, makes no difference
I guess that’s because, while editing the :hover pseudo class, BSS forces the hover state so that you can see what you’re doing. You can always toggle it back on, if you need to adjust the :hover settings.
If you haven’t done it yet, you need to add these images to the project, if you’ve already done that, it’s likely that the image name or extension is incorrect, I tested it here and it worked fine.
I didn’t use any of that, I just did the direct css, by default it displays the default image, and the image when moving the mouse only in the browser view.
When I forced the state, I got the same result, maybe BSS can’t display this.