Community X.

Connect with other creators, share ideas, give feedback and get the latest product updates.

Apr 4
Edited: Apr 4

link text underlined

Hi, Is there any way to make the link text underlined when you hover the mouse over it?


Thanks,


Ahmi

2 comments
7d agoEdited: 6d ago

Hi ahmi, using velo you can make the link text underlined when you hover the mouse over it.


 $w.onReady(async function () {
   $w('#text3').onMouseIn( () => {
     $w('#text3').html = '<a href="https://www.sitesonx.com"><h2 style="text-decoration: underline;">' + $w('#text3').text + '</h2></a>';
   })
   $w('#text3').onMouseOut( () => {
     $w('#text3').html = '<h2>' + $w('#text3').text + '</h2>';
   })
 } );

To make it more clear: 1. Add the required text.

2. Turn on Dev Mode:


3. Add the code from the top, change the id to be the same as yours:



Here is the final result:

https://edensh0.editorx.io/link-text-underlined


Also, it is important to mention that soon you will be able to create this using code-free hover interactions.


Hope it was clear,

Let me know if you have any more questions :)

6d ago

Thanks for the help!!

It worked.

Editor X

Design your boldest creations.