Hi!
First of all, I'm not a coder. I can manage some codes modifications and I know HTML. I can follow tutorial and do light coding.
I want to add a mouse over on text effect, like in the first image below, so the text can change color or get highlighted. And also for other words to have a hover box (alt text if I'm correct) like in the second images. It is pretty simple in HTML (the second image is my test) but I don't want to write all my text in HTML. How can I do it in CSS?
I understand that I have to activate the Velo dev mode and that it probably have something to do with onMouseIn() (https://www.wix.com/velo/reference/$w/element/onmousein).
![](https://static.wixstatic.com/media/a27d24_ec36f009256c4785af12e0e79958b182~mv2.png/v1/fill/w_49,h_27,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/a27d24_ec36f009256c4785af12e0e79958b182~mv2.png)
![](https://static.wixstatic.com/media/a27d24_3ff23ed66f1e4cff9a0c247853325006~mv2.png/v1/fill/w_56,h_39,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/a27d24_3ff23ed66f1e4cff9a0c247853325006~mv2.png)
So my question is: how do I add those 2 effects for text in Velo mode? Where do I add it? I only want the effects on some words, not all the paragraph. Thanks a lot! 😊
![](https://static.wixstatic.com/media/a27d24_b254492189934df2aee2df600b43da00~mv2.png/v1/fill/w_49,h_22,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/a27d24_b254492189934df2aee2df600b43da00~mv2.png)
Everything can be done by code, if you realy want it 😉
https://www.media-junkie.com/html-text
$w("#myText").html = `<span style="color:red;">"My text is colored"</span>` $w("#myText").html = `<mark>"My Text is marked"</mark>`
EDIT:
https://www.wix.com/velo/reference/$w/text/introduction#$w_text_introduction_formatting-text