Button Hover using different Font

Ask the community
,
1

Hello,
Please take a look at the attached screenshot. I want to be able to hover over the black font to have the blue/purple lowercase text show in its place. I am having trouble with the Javascript to make this work. The black buttons are labeled #button4 (WORK), #button3 (ABOUT), #button2 (CONTACT) and the lowercase blue/purple buttons are #button5 (work), #button6 (about), and #button7 (contact). Please note this is being built in the header. Can someone please help? Much appreciated!

913×75 3.71 KB

2

Hi,
If you want to customize the menu on hovered, you can use buttons instead menu. Attach them to the header and create onMouseIn event and there change the HTML of the text to the font and text you want.
This code is example for changing text:

$w("#text1").html = `<h1 style = "color:red"> ${$w("text2").text}</h1>`;

Good luck :slight_smile:

3

Ok I tried your method but I cant get it to work properly, see attached

1348×194 23.6 KB

4

Here is what I have now, please help!

1540×500 58.4 KB

5

Anyone? Still trying to figure this one out