Multistaate boxes

Ask the community
1

Hi I’m trying to have a hover effect we’re say for example a person who over a background with text I want that background to change color

Do anyone know the code for that?

Also have my repeaters set up but it won’t let me do that color hover effect

2

as for code only, I’ve found this thread on Velo forum:
https://www.wix.com/velo/forum/coding-with-velo/changing-page-s-background-onmousein

along with this you can use hover effects like this:

3

I think Andrew’s version is a lot easier but if you have knowledge with coding, you can use this code and change #multiStateBox1 to match your multistate box ID and “box2” for the state you want :

$w("#multiStateBox1").onMouseIn( (event) => {
  $w('#multiStateBox1').changeState("box2")
} );

If you want it to change back on hover out, you can then add this code again changing the #multiStateBox1 and “box1” to match your code:

$w("#multiStateBox1").onMouseOut( (event) => {
    $w('#multiStateBox1').changeState("box3")
} );

I made a quick video for it below and here’s the link to the API documentation:

For further questions, the Velo forum might be a better resource on coding though. https://www.wix.com/velo/forum

4

Yes because I was looking at this website on the homepage if scroll down we’re it says how can all safe pest if you hover over them boxes the background color and text color change