This forum was moved to another machine and updated to a recent version. If you are unable to login please delete your browser cookies and cache and restart your browser.A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.
Read the statement by Michael Teeuw here.
Font Awsome icons in the header
-
in config js put
{ module: "MMM-DHT-Sensor", position: "your position", header: "<i class=\"fas fa-home\"></i> Header Title", classes: "classes if you have", config: { // your settings } },
in Font Awesome v5 don’t exist house-chimney, for v6 use
{ module: "MMM-DHT-Sensor", position: "your position", header: "<i class=\"fa-solid fa-house-chimney\"></i> Header Title", classes: "classes if you have", config: { // your settings } },
and you must have in custom.css this line
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/fontawesome.min.css"); or @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/fontawesome.min.css");
-
@hango Thanks for the help mate! Works perfekt :)
-
@hango Hi again!
Did set some classes, but the changes works when refreshed and disapper after a second.
Do you have a solution for that?
-
@kurtern84 what classes?
you can use classes if you have css manipulation but is not necessary -
My custom css:
.normal { color: #8a8a8a; }
I use that one for the header, but the text turn back to white after a second
-
@kurtern84 then write
header { color: #8a8a8a; }
-
@hango Also tried that with the same result.
-
@kurtern84
“header” without period before
or try thisheader { color: #8a8a8a !important; }
-
@hango !important; Did the tricks!
Thanks so much with the help.
-
@kurtern84 :thumbs_up: