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

disable the header in the Weather Forecast module

Scheduled Pinned Locked Moved Custom CSS
9 Posts 6 Posters 2.9k Views 6 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
    brooksa
    last edited by Jun 26, 2019, 8:16 AM

    Hello,

    Just jot my mirror up and running. Fun.
    I can’t seem to figure out how to disable the header in the Weather Forecast module.

    I feel like it should be simple.

    S M 2 Replies Last reply Jun 26, 2019, 10:29 AM Reply Quote 0
    • S Offline
      sdetweil @brooksa
      last edited by Jun 26, 2019, 10:29 AM

      @brooksa which weather module and what do you mean by header? do you have a screen shot?

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 1
      • M Offline
        Mykle1 Project Sponsor Module Developer @brooksa
        last edited by Jun 27, 2019, 12:10 AM

        @brooksa

        This should work. In custom.css file, add the following:

        .weatherforecast .module-header {
          display: none;
        }
        

        Create a working config
        How to add modules

        B J 2 Replies Last reply Jun 29, 2019, 4:01 AM Reply Quote 1
        • B Offline
          brooksa @Mykle1
          last edited by Jun 29, 2019, 4:01 AM

          @Mykle1 Thank YOU!!!

          1 Reply Last reply Reply Quote 0
          • J Offline
            jlnxaer @Mykle1
            last edited by Nov 8, 2020, 11:57 AM

            @Mykle1 Hey,

            this didn’t work for me somehow? Could this be because of preset language? Mine would be German.

            M 1 Reply Last reply Nov 8, 2020, 3:58 PM Reply Quote 0
            • M Offline
              Mykle1 Project Sponsor Module Developer @jlnxaer
              last edited by Nov 8, 2020, 3:58 PM

              @jlnxaer said in disable the header in the Weather Forecast module:

              Could this be because of preset language? Mine would be German.

              No sir. Make sure your custom.css entry is correct and NOT within the body.

              Screenshot from 2020-11-08 10-53-46.png

              It works

              Screenshot from 2020-11-08 10-55-20.png

              Create a working config
              How to add modules

              1 Reply Last reply Reply Quote 0
              • F Offline
                ftap
                last edited by Jan 11, 2021, 10:37 PM

                Yeah, doesn’t work for me either. If anyone finds this topic and knows the solution let us know!

                C 1 Reply Last reply Jan 11, 2021, 10:43 PM Reply Quote 0
                • C Offline
                  chanster @ftap
                  last edited by Jan 11, 2021, 10:43 PM

                  @ftap Have you tried adding “appendLocationNameToHeader: false” to the config block ?

                         {
                              module: "weather",
                              position: "top_left",
                              config: {
                                  type: 'forecast',
                                  weatherProvider: "openweathermap",
                                  weatherEndpoint: "/onecall",
                                  apiKey: "***", // your OpenWeatherMap API key
                                  windUnits: "imperial",
                                  updateInterval: 180000,
                                  timeFormat: 12,
                                  showPeriod: true,
                                  showHumidity: true,
                                  degreeLabel: true,
                                  colored: true,
                                  fade: false,
                                  roundTemp: true,
                                  showPrecipitationAmount: true,
                                  appendLocationNameToHeader: false,
                                  lat: ***, // your latitude
                                  lon: ***, // your longitude
                              }
                              }, 
                  
                  
                  F 1 Reply Last reply Jan 11, 2021, 10:45 PM Reply Quote 0
                  • F Offline
                    ftap @chanster
                    last edited by ftap Jan 11, 2021, 10:45 PM Jan 11, 2021, 10:45 PM

                    @chanster Actually just figured out that if I do visibility instead of display it works.

                    .weatherforecast .module-header { visibility: hidden; }
                    
                    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