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

after 2.12 upgrade custom.css is no longer loading

Scheduled Pinned Locked Moved Troubleshooting
5 Posts 2 Posters 783 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.
  • K Offline
    kayakbabe
    last edited by kayakbabe Aug 8, 2020, 7:35 AM Aug 8, 2020, 7:30 AM

    I updated to 2.12 tonight. my custom.css is not loading anymore. I opened the mirror in a brower and viewed the source and I see that a change has been made. In 2.11 the actuall custom.css appeared before the body opening html tag. But now I see this message in the html code.

    <!-- custom.css is loaded by the loader.js to make sure it's loaded after the module css files. -->
    

    Obviously loader.js isn’t actually loading the custom.css.

    If I manually open the custom.css in my browser and then reload the mirror (in the same browser) I do see my custom css. It is upon the first loading of the mirror when it starts up that custom.css is not loading.

    In electron when it is started upon booting the pi, the loader isn’t loading the custom.css. and I do not see my custom css. I plugin in a keyboard and can force refresh. but this isn’t how I want the mirror to run. and I Don’t want to have to plug in a keyboard every time the power goes out. I live in the country and that happens often enough to be irritating here.

    S 1 Reply Last reply Aug 8, 2020, 12:10 PM Reply Quote 0
    • S Away
      sdetweil @kayakbabe
      last edited by Aug 8, 2020, 12:10 PM

      @kayakbabe show the messages from the developers window ctrl-shift-i on keyboard, then select the console tab and scroll up user any errors.

      how did u do the update? manually or the new script?

      in either case custom.css is not touched.

      also show results of this

      cd ~/MagicMirror/css
      ls -laF
      

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      K 1 Reply Last reply Aug 9, 2020, 6:43 AM Reply Quote 0
      • K Offline
        kayakbabe @sdetweil
        last edited by Aug 9, 2020, 6:43 AM

        @sdetweil I did the update manually. though I did install with your script when I first set it up.
        I have really been messing with it tonight and I have touched the custom css.
        to reduce the body margins.

        drwxr-xr-x 2 pi pi 4096 Aug 8 23:50 ./
        drwxr-xr-x 17 pi pi 4096 Aug 8 23:48 …/
        -rw-r–r-- 1 pi pi 1059 Aug 8 23:50 custom.css
        -rw-r–r-- 1 pi pi 2957 Jul 22 06:21 main.css

        I also added the grove_gestures and page and page indicator modules.
        I’ll back those out and see what happens with the custom.css.

        K 1 Reply Last reply Aug 27, 2020, 4:49 PM Reply Quote 0
        • K Offline
          kayakbabe @kayakbabe
          last edited by Aug 27, 2020, 4:49 PM

          @kayakbabe

          For anyone who finds this thread,

          my solution was just to reinstall everything. Apparently I messed up some code somewhere else. My custom.css was fine and I used it on the fresh install.

          S 1 Reply Last reply Aug 27, 2020, 5:06 PM Reply Quote 0
          • S Away
            sdetweil @kayakbabe
            last edited by Aug 27, 2020, 5:06 PM

            @kayakbabe cool, thanks for posting a resolution…

            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