• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Font Awsome icons in the header

Scheduled Pinned Locked Moved Custom CSS
11 Posts 2 Posters 2.4k Views 1 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • K Offline
    kurtern84 Project Sponsor
    last edited by Feb 14, 2022, 5:45 PM

    Hi!

    Anyone who knows how to use Font Awsome icons in the header?
    Tried with image in css, but with no luck using this

    .MMM-DHT-Sensor header:before {
      background: url('house-chimney-solid.png');
      display: block;
      width: 16px;
      height: 16px;
    
      /*
        These rules allow you to position the image anywhere you want in the header
      */
      position: absolute;
      right: 30px;
      top: 0px;
    }
    

    nothing shows in the header field.

    1 Reply Last reply Reply Quote 0
    • ? Offline
      A Former User
      last edited by Feb 14, 2022, 7:32 PM

      This post is deleted!
      K 2 Replies Last reply Feb 14, 2022, 7:57 PM Reply Quote 0
      • K Offline
        kurtern84 Project Sponsor @Guest
        last edited by Feb 14, 2022, 7:57 PM

        @hango Thanks for the help mate! Works perfekt :)

        1 Reply Last reply Reply Quote 0
        • K Offline
          kurtern84 Project Sponsor @Guest
          last edited by Feb 14, 2022, 8:45 PM

          @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?

          ? 1 Reply Last reply Feb 14, 2022, 8:48 PM Reply Quote 0
          • ? Offline
            A Former User @kurtern84
            last edited by Feb 14, 2022, 8:48 PM

            This post is deleted!
            K 1 Reply Last reply Feb 14, 2022, 8:51 PM Reply Quote 0
            • K Offline
              kurtern84 Project Sponsor @Guest
              last edited by Feb 14, 2022, 8:51 PM

              @hango

              My custom css:

              .normal {
                color: #8a8a8a;
              }
              

              I use that one for the header, but the text turn back to white after a second

              ? 1 Reply Last reply Feb 14, 2022, 8:53 PM Reply Quote 0
              • ? Offline
                A Former User @kurtern84
                last edited by Feb 14, 2022, 8:53 PM

                This post is deleted!
                K 1 Reply Last reply Feb 14, 2022, 8:54 PM Reply Quote 0
                • K Offline
                  kurtern84 Project Sponsor @Guest
                  last edited by Feb 14, 2022, 8:54 PM

                  @hango Also tried that with the same result.

                  ? 1 Reply Last reply Feb 14, 2022, 8:57 PM Reply Quote 0
                  • ? Offline
                    A Former User @kurtern84
                    last edited by Feb 14, 2022, 8:57 PM

                    This post is deleted!
                    K 1 Reply Last reply Feb 14, 2022, 9:01 PM Reply Quote 0
                    • K Offline
                      kurtern84 Project Sponsor @Guest
                      last edited by Feb 14, 2022, 9:01 PM

                      @hango !important; Did the tricks!

                      Thanks so much with the help.

                      ? 1 Reply Last reply Feb 14, 2022, 9:03 PM Reply Quote 0
                      • 1
                      • 2
                      • 1 / 2
                      1 / 2
                      • First post
                        7/11
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy