Change font size in code

Discussion Ask a question
,
1

Hi, I am trying to change font size on mouseover on a box.
export function box2_mouseIn(event, $w) {
$w(‘#box2’).style.backgroundColor=“rgba(160,160,159)”;
$w(‘#text41’).html.css
}

I can’t find .css in the methods. I am a designer trying to code here.
Any suggestions on what to use?

Also, I cannot find a way to add an overlay.
Can I move text using code.

What I intend to do is on mouseover on the container:

  1. Add overlay
  2. Increase font size
  3. Move the font up
2

HI,
You can set an html to your text component, with a font size and change this html using mouseIn and mouseOut events. For example:

$w('#text1').html = '<p><span style="font-size:40px">Your text</span></p>'

export function text1_mouseIn(event, $w) {
    $w('#text1').html = '<p><span style="font-size:80px">Your text</span></p>'
}

export function text1_mouseOut(event, $w) {
    $w('#text1').html = '<p><span style="font-size:40px">Your text</span></p>'
}

Good luck