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

Compliments font size

Scheduled Pinned Locked Moved Development
5 Posts 2 Posters 763 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 Apr 6, 2023, 4:54 PM

    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 Apr 6, 2023, 5:17 PM Reply Quote 0
    • S Offline
      sdetweil @TomOMaley
      last edited by sdetweil Apr 6, 2023, 5:18 PM Apr 6, 2023, 5:17 PM

      @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 Apr 7, 2023, 3:11 PM Reply Quote 0
      • T Offline
        TomOMaley @sdetweil
        last edited by Apr 7, 2023, 3:11 PM

        @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 Apr 7, 2023, 7:17 PM Reply Quote 0
        • S Offline
          sdetweil @TomOMaley
          last edited by Apr 7, 2023, 7:17 PM

          @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 Apr 8, 2023, 12:04 PM Reply Quote 0
          • T Offline
            TomOMaley @sdetweil
            last edited by Apr 8, 2023, 12:04 PM

            @sdetweil Thank you so much. It works!

            1 Reply Last reply Reply Quote 0
            • 1 / 1
            1 / 1
            • First post
              1/5
              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