[pmconsulting]

URL: https://norvado.com/dev/

I have tried to set CSS in Advanced tab using

#ufw_1 { top: 50px; }

It does not move the location of the button or the widget.

I am also unable to get FontAwesome fonts to appear.

[Aakash Chakravarthy]

Hi there,

Please set the below CSS to move the button slightly down.

#ufw_1 .ufw_btn{
    top: 60px;
}

For the wifi symbol, please set fas fa-wifi as value for the open icon.

You can find the correct icon class name here – https://fontawesome.com/v5/icons/wifi?s=solid&f=classic

Thanks,
Aakash

[pmconsulting]

I’ve copied exactly that code into the Advanced -> Additional CSS panel, and I’ve changed the FontAwesome to ‘fas fa-wifi’.

The icon works, but the button is still at the top edge of the screen. Setting it to the bottom moves it to the bottom but I cannot move that location up either.

[Aakash Chakravarthy]

I see that the button is moved now.

Also, if you want a smaller floating widget box, try switching to “popup” mode instead of flyout.

Thanks,
Aakash

[Justin Cartwright]

Heya, just wondering how you find the button id?

[Author]

Posts