MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. magicmarc
    3. Posts
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    M
    Offline
    • Profile
    • Following 0
    • Followers 0
    • Topics 1
    • Posts 3
    • Groups 0

    Posts

    Recent Best Controversial
    • RE: Changing the length of the line under the header

      @doubleT For my travel module, the line doesn’t dissapear even though I leave header empty :confused_face: Do you know how to remove the line in some other way?

      posted in Custom CSS
      M
      magicmarc
    • RE: Trying to change size of currentweather module driving me nuts...

      Right… Thank u guys very much. This clarifies so many things!

      posted in Custom CSS
      M
      magicmarc
    • Trying to change size of currentweather module driving me nuts...

      I have my currentweather module set to only show the weather icon and the degrees. I’m trying to make it smaller.

      So, this should work right? In custom.css:

      .currentweather {
         font-size: 20px;
      }
      

      No, it doesn’t.

      Saw someone adding tableClass to config.js. How about now!?:

      {
                              module: "currentweather",
                              position: "top_center",
                                      config: {
                                              location: "my-location",
                                              appid: "my-api-key",
                                              tableClass: "small",
                                              onlyTemp: true,
                                              }
                      
      },
      

      Nope.

      Ok, let’s try copying currentweather.css into my custom.css and changing it from there?:

      .currentweather .weathericon,
      .currentweather .fa-home {
        font-size: 75%; /*I TRIED CHANGING THIS!!!*/
        line-height: 65px;
        display: inline-block;
        -ms-transform: translate(0, -3px); /* IE 9 */
        -webkit-transform: translate(0, -3px); /* Safari */
        transform: translate(0, -3px);
      }
      
      .currentweather .humidityIcon {
        padding-right: 4px;
      }
      
      .currentweather .humidity-padding {
        padding-bottom: 6px;
      }
      

      Sorry bro, doesn’t work.

      Anyone with an answer to this? Thank you so much in advance…

      posted in Custom CSS
      M
      magicmarc
    • 1 / 1