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

MMM-WeatherOrNot custom.css

Scheduled Pinned Locked Moved Unsolved Troubleshooting
6 Posts 2 Posters 730 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.
  • S Offline
    sdetweil @bjoern
    last edited by sdetweil Nov 5, 2021, 1:30 PM Nov 5, 2021, 1:25 PM

    @bjoern find day in the bottom window and then in the top of that bottom window where it says
    just so u can see what it defines… u can override everything… don’t need a special class
    element.style {
    }

    u can add/edit styles it will help you

    then when u get it the way u want, you can mark the element.style thing
    and copy/paste it to custom.css

    also

    item selection/targeting is
    . means class
    no dot means html element name (body, div, li, …)

    u have

    .MMM-WeatherOrNot .day ng-scope {

    class, class, element but ng-scope is a class

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    1 Reply Last reply Reply Quote 0
    • B Offline
      bjoern
      last edited by bjoern Nov 5, 2021, 6:55 PM Nov 5, 2021, 5:28 PM

      Thanks for the hint. I was able to change the font size in dev-mode, but I can’t find the right element name

      .MMM-WeatherOrNot .weatherWidgetInner  {
          font-size: 2.1em;
      }
          
      
      .MMM-WeatherOrNot div.weatherWidgetInner.ltrforecast.forDays-5nolabel  {
          font-size: 2.1em;
      }
      

      Bildschirmfoto 2021-11-05 um 18.21.jpg

      S 1 Reply Last reply Nov 5, 2021, 7:13 PM Reply Quote 0
      • S Offline
        sdetweil @bjoern
        last edited by Nov 5, 2021, 7:13 PM

        @bjoern what was the cut/paste?

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • B Offline
          bjoern
          last edited by Nov 5, 2021, 7:42 PM

          @bjoern said in MMM-WeatherOrNot custom.css:

          div.weatherWidgetInner.ltrforecast.forDays-5nolabel

          i think …

          div.weatherWidgetInner.ltrforecast.forDays-5nolabel
          

          :disappointed_face: :dizzy_face:

          Ohne Titel.jpg

          S 1 Reply Last reply Nov 5, 2021, 8:24 PM Reply Quote 0
          • S Offline
            sdetweil @bjoern
            last edited by Nov 5, 2021, 8:24 PM

            @bjoern
            sorry, looking at the module, that content is inside an iframe… I don’t think u can get inside that

            Sam

            How to add modules

            learning how to use browser developers window for css changes

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