• 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
  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
    Jan 14, 2020, 5:28 PM
  • 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
    Jan 14, 2020, 2:22 PM
  • 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
    Jan 14, 2020, 11:54 AM
  • 1 / 1
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