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

Weather vs Weather forecast font

Scheduled Pinned Locked Moved Unsolved Troubleshooting
4 Posts 2 Posters 795 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.
  • L Offline
    louise
    last edited by Dec 4, 2021, 10:55 PM

    Because the weather module encompasses both current and forecast, is there a way to change the font on one but not the other?

    S 1 Reply Last reply Dec 4, 2021, 11:11 PM Reply Quote 0
    • S Offline
      sdetweil @louise
      last edited by sdetweil Dec 5, 2021, 12:37 AM Dec 4, 2021, 11:11 PM

      @louise you would use the module identifier to set the classes in custom.css

      identifiers are assigned top down in config.js

      opening the developers window ctrl-shift-i on the keyboard, and select the elements tab
      select the pointer in the top left of the dev window, and move it over the content of one of the weather things. click

      it will open the html tree on the right, where u can see the identifier.

      then copy all the weather.css info to custom.css and change the leading selector class from .weather to .identifier, whatever it was

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      L 1 Reply Last reply Dec 5, 2021, 3:39 AM Reply Quote 0
      • L Offline
        louise @sdetweil
        last edited by louise Dec 5, 2021, 3:40 AM Dec 5, 2021, 3:39 AM

        @sdetweil What do you mean by identifier?

        When I click on the element with the arrow, it takes me to

        code_text
        ```<span class=“bright”> 34.7” </span> == $0```
        code_text
        
        S 1 Reply Last reply Dec 5, 2021, 5:16 AM Reply Quote 0
        • S Offline
          sdetweil @louise
          last edited by Dec 5, 2021, 5:16 AM

          @louise look up the tree to the module content element

          Screenshot at 2021-12-04 23-13-18.png

          module_12_MMM… here is the identifier for this module

          and oh, because its id=
          you need # instead of . in the custom.css
          (selector cheat sheet)… the thing before the { in a css class is the ‘selector’

          Sam

          How to add modules

          learning how to use browser developers window for css changes

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