Domoticz

I'm trying to change the size of individual FA icons but not having much luck. Any ideas? I need to change the size of individual icons.

The icons Dashticz is using are from the Free font. So you can't select the Pro icons.
For the free version icons you can change the size:

I've modified mine to use Pro. The icons display correctly but I'd like to change the font size so some blocks have a different size icon but I'm unable to figure out which CSS to change to achieve that.

HansieNL wrote: ↑Saturday 27 June 2020 12:55 The icons Dashticz is using are from the Free font. So you can't select the Pro icons.
For the free version icons you can change the size:

Code: Select all

.far.fa-lightbulb {
	font-size: 30px !important;
}

Attached is a screenshot which may help explain what I am trying to accomplish. Thank you in advance.

Flyer66 wrote: ↑Saturday 27 June 2020 9:51 I'm trying to change the size of individual FA icons but not having much luck. Any ideas? I need to change the size of individual icons.

Code: Select all

.fas.fa-refigerator {
color:#F1C300;
font-size: 80px !important;
font-family: 'Font Awesome 5 Pro', sans serif !important;
}

.far.fa-refigerator {
color:#fff;
font-size: 80px !important;
font-family: 'Font Awesome 5 Pro', sans serif !important;
}

Did you try with 'fa-refrigerator' instead of 'fa-refigerator'?

Oops! Thank you for noticing that. It did not solve the problem but got me back on track.

I ended up using this to resolve the issue. I am terrible at CSS so I'm sure there is a better way to do this but it works for me needs. Thank you for your help!