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.

    Compliments font size

    Scheduled Pinned Locked Moved Development
    5 Posts 2 Posters 1.3k Views 2 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.
    • T Offline
      TomOMaley
      last edited by

      Re: Compliments font size
      Hi, obviosly your solution helped everybody besides me. I did the following in the custom.css.sample::root {
      –color-text: #999;
      –color-text-dimmed: #666;
      –color-text-bright: #fff;
      –color-background: black;

      –font-primary: “Roboto Condensed”;
      –font-secondary: “Roboto”;

      –font-size: 20px;
      –font-size-small: 0.75rem;

      –gap-body-top: 60px;
      –gap-body-right: 60px;
      –gap-body-bottom: 60px;
      –gap-body-left: 60px;

      –gap-modules: 30px;
      }
      .compliments .xlarge {
      font-size: 15px;
      }

      There is no modifikation on the font size.

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @TomOMaley
        last edited by sdetweil

        @TomOMaley you can use the compliments config parameter
        ‘classes’
        to force not using mm provided classes. then you can do whatever in custom.css

        {
              module:'compliments',
               ...
               config:{
                      classes:'foo',
                      ..
                      ..
                }
        }
        

        custom.css

        .compliments .foo {
              font-size:25px; // or whatever
        }
        

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        T 1 Reply Last reply Reply Quote 0
        • T Offline
          TomOMaley @sdetweil
          last edited by

          @sdetweil Thank you for your quick reply. Just to avoid misunderstandings. In /home/usr/MagicMirror/css I do not have a “custom.css” file but there are a “main.css” and a “custom.css.sample”. Which one has to be modified?

          S 1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @TomOMaley
            last edited by

            @TomOMaley if you do not have a custom.css file, then create one

            you can copy the sample or create an empty file and add your settings there

            to create an empty file do

            touch ~/MagicMirror/css/custom.css
            

            we don’t create one as its optional.
            we don’t ship one cause it would cause us to overwrite one if u had one

            my install script creates an empty one for you, as, like you, many don’t know what to do
            see
            https://github.com/sdetweil/MagicMirror_scripts

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            T 1 Reply Last reply Reply Quote 0
            • T Offline
              TomOMaley @sdetweil
              last edited by

              @sdetweil Thank you so much. It works!

              1 Reply Last reply Reply Quote 0

              Hello! It looks like you're interested in this conversation, but you don't have an account yet.

              Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

              With your input, this post could be even better 💗

              Register Login
              • 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