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

MagicMirror-Netatmo-Module CSS

Scheduled Pinned Locked Moved Troubleshooting
9 Posts 3 Posters 3.7k 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.
  • B Offline
    broberg Project Sponsor @zdenek
    last edited by broberg Apr 28, 2017, 11:58 AM Apr 28, 2017, 10:13 AM

    @zdenek Okey first off, that is NOT the custom.css file (that is located in MagicMirror/css/)

    You should not change the modules files if you can avoid it, and you always can when it comes to css code.

    Okey. then you add

    .netatmo .wi-thermometer {
    color: yellow;
    }
    

    to the custom.css file.

    Z 1 Reply Last reply Apr 28, 2017, 10:36 AM Reply Quote 0
    • Z Offline
      zdenek @broberg
      last edited by Apr 28, 2017, 10:36 AM

      @broberg sorry, I’m still noob. I get your point, moved it to custom.css, but nothing happned. I guess I had to say somewhere/somehow in config to use custom.css And cause I would like to use everything else (at least for now) from “default.css”, I had to copy everything from “deafult” to “custom”. Right?

      S 1 Reply Last reply Apr 28, 2017, 10:52 AM Reply Quote 0
      • S Offline
        strawberry 3.141 Project Sponsor Module Developer @zdenek
        last edited by Apr 28, 2017, 10:52 AM

        @zdenek no main.css is the base stylesheet of the mirror and also some modules have their own. you dont touch any of those files except cstom.css where you can overwrite values from each css file because it is loaded as the last css file.

        Please create a github issue if you need help, so I can keep track

        Z 1 Reply Last reply Apr 28, 2017, 11:01 AM Reply Quote 0
        • Z Offline
          zdenek @strawberry 3.141
          last edited by Apr 28, 2017, 11:01 AM

          @strawberry-3.141 thanks for explanation. now it’s clear. Anyway, inserting of @broberg defintion doesn’t do anything (a place it between commented part of default custom.css and “body{}” section).

          B 1 Reply Last reply Apr 28, 2017, 12:00 PM Reply Quote 0
          • B Offline
            broberg Project Sponsor @zdenek
            last edited by Apr 28, 2017, 12:00 PM

            @zdenek

            I noticed I have added two . in the code,

            .netatmo .wi-thermometer {
            color: yellow;
            }
            
            

            This is just a guess, since I’m not using this module myself,
            You would probably get a better answer from the ones who wrote the module

            Z 1 Reply Last reply Apr 28, 2017, 12:26 PM Reply Quote 0
            • Z Offline
              zdenek @broberg
              last edited by Apr 28, 2017, 12:26 PM

              @broberg said in MagicMirror-Netatmo-Module CSS:

              .netatmo .wi-thermometer {
              color: yellow;
              }

              still the same :-( I tried to go through the module files, but I’ve no idea about syntax, so I’ve ne idea, if there is (let call it “object”) objec named “wi-thermometer” with property “color”. Anyway, thanks

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