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

New Install - custom.css missing

Scheduled Pinned Locked Moved Custom CSS
6 Posts 3 Posters 840 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.
  • K Offline
    kyledettman
    last edited by Aug 20, 2020, 3:41 AM

    Hi guys! Been messing around with MM on my PI4 and loving it.

    Been reading a lot on customizing the interface (specifically fonts), and everyone is telling me to edit the custom.css file in the CSS folder. Only problem is I don’t have a custom.css file there (or anywhere in the folder structure).

    Is this something I have to create? How do I call the custom.css file to override the main.css file?

    Many thanks.

    Kyle

    S 1 Reply Last reply Aug 20, 2020, 12:27 PM Reply Quote 0
    • S Away
      sdetweil @kyledettman
      last edited by sdetweil Aug 20, 2020, 12:48 PM Aug 20, 2020, 12:27 PM

      @kyledettman yes, manual install requires u to create the file

      anyhow do

      touch ~/MagicMirror/css/custom.css
      

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      V 1 Reply Last reply Nov 7, 2020, 5:57 PM Reply Quote 0
      • V Offline
        Viperzee @sdetweil
        last edited by Nov 7, 2020, 5:57 PM

        @sdetweil How can I replace the custom.css file. It happened to me as well while installing a module. I am novice so bare with me. I saw in another post someone side make a file and rename it custom.css but I didn’t understand what to do next. Please help.

        S 1 Reply Last reply Nov 7, 2020, 7:30 PM Reply Quote 0
        • S Away
          sdetweil @Viperzee
          last edited by Nov 7, 2020, 7:30 PM

          @Viperzee do

          touch ~/MagicMirror/css/custom.css

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • V Offline
            Viperzee
            last edited by Nov 8, 2020, 8:30 AM

            Well damn… It worked and I am glad but what did I just do exactly? Make a new custom or what? Thanks for the quick reply.

            S 1 Reply Last reply Nov 8, 2020, 2:54 PM Reply Quote 0
            • S Away
              sdetweil @Viperzee
              last edited by Nov 8, 2020, 2:54 PM

              @Viperzee the initial custom.css is empty.
              the touch command will update the date/time on a file, and create the file if it is not there.

              if you had used the installation script, which I support, then it would have done the same thing

              https://github.com/sdetweil/MagicMirror_scripts

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              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