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.7k 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

      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

        This post is deleted!
        K 2 Replies Last reply Reply Quote 0
        • K Offline
          kurtern84 Project Sponsor @Guest
          last edited by

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

          1 Reply Last reply Reply Quote 0
          • K Offline
            kurtern84 Project Sponsor @Guest
            last edited by

            @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 Reply Quote 0
            • ? Offline
              A Former User @kurtern84
              last edited by

              This post is deleted!
              K 1 Reply Last reply Reply Quote 0
              • K Offline
                kurtern84 Project Sponsor @Guest
                last edited by

                @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 Reply Quote 0
                • ? Offline
                  A Former User @kurtern84
                  last edited by

                  This post is deleted!
                  K 1 Reply Last reply Reply Quote 0
                  • K Offline
                    kurtern84 Project Sponsor @Guest
                    last edited by

                    @hango Also tried that with the same result.

                    ? 1 Reply Last reply Reply Quote 0
                    • ? Offline
                      A Former User @kurtern84
                      last edited by

                      This post is deleted!
                      K 1 Reply Last reply Reply Quote 0
                      • K Offline
                        kurtern84 Project Sponsor @Guest
                        last edited by

                        @hango !important; Did the tricks!

                        Thanks so much with the help.

                        ? 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 1 / 2
                        • First post
                          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
                          OSZAR »