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.

    Using Two Fonts with Compliments

    Scheduled Pinned Locked Moved Troubleshooting
    10 Posts 4 Posters 1.7k Views 3 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.
    • F Offline
      fonz88 @Guest
      last edited by

      @hango said in Using Two Fonts with Compliments:

      compliments_plus

      Didn’t know about your module! Not sure how I would implement these fonts since I have them saved locally under the fonts folder. Do you have some examples of how it should look with local fonts? Or is that even an option?

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

        This post is deleted!
        F 1 Reply Last reply Reply Quote 0
        • M Offline
          MrDondoT @Guest
          last edited by

          @hango is it possible to use an external JSON file as the default compliments does?

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

            This post is deleted!
            M 1 Reply Last reply Reply Quote 0
            • M Offline
              MrDondoT @Guest
              last edited by

              @hango works perfectly! many thanks for your help

              A 1 Reply Last reply Reply Quote 0
              • A Offline
                ashishtank Module Developer @MrDondoT
                last edited by

                @MrDondoT If you are not changing modules frequently then you can do it with custom.css and using module id and sub classes.
                Below is example for calendar, same is possible with other modules.

                #module_4_calendar .module-header {
                	color: orange !important;
                }
                
                #module_4_calendar .title.bright 
                {
                	color: orange !important;	
                }
                

                37b91dcf-ab08-40cd-a1e5-c2ed91f65573-image.png

                1 Reply Last reply Reply Quote 0
                • F Offline
                  fonz88 @Guest
                  last edited by

                  @hango

                  Thank you! I got it working and will post some pictures later. I just wanted to add that in your documentation you have in order to disable the default compliments to add ‘disable: true’ in the config but it should be ‘disabled: true’.

                  {
                  module: “compliments”,
                  position: “lower_third”,
                  disabled: true
                  }

                  Also, I had to remove the spaces from the html tag example you provided me.

                  “ Star Wars quote ”,

                  Not sure if this was caused by my setup but that’s how I got it to work for my mirror. Again just wanted to say Thank you as I have my mirror ready in time for a xmas present!

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

                    This post is deleted!
                    1 Reply Last reply Reply Quote 0
                    • 1 / 1
                    • 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