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

    Posts

    Recent Best Controversial
    • RE: position from config.js conversion to main.css

      @Dimonic every region has the class region, the position gets splitted by underscore. then you have the class top and center

      the selector will match any tag which has the class region and top and center

      e.g. anytag class="region top center"

      EDIT: it wont let me write real html code < nor <

      posted in Development
      strawberry 3.141S
      strawberry 3.141
    • RE: MMM-NHL displays 'Loading'

      @Cliff365 I released a new version, please update the module again.

      posted in Troubleshooting
      strawberry 3.141S
      strawberry 3.141
    • RE: custom CSS clock module

      @PointPubMedia the hour and the minute are in the same div which makes it not possible to do it just in css, but
      there is a config option which adds a wrapper around the minutes, which is perfect for this task.

      the selector would be probably something like this:

      .clock div.time.bright.large.light span.bold {
        //set the font size here
      }
      

      therefore you also have to add clockBold: true to the config

      if you dont like the bold effect you can overwrite it as well where you change the font size

      posted in Development
      strawberry 3.141S
      strawberry 3.141
    • RE: CSS basics

      @broberg the secondsWrapper is the only sup tag so it can be accessed by .clock sup.dimmed

      posted in Development
      strawberry 3.141S
      strawberry 3.141
    • RE: How to change the clock css to be 90% full screen ?

      @nagaculun did you consider using the config option analogSize for the clock module?

      analogSize: Specific to the analog clock. Defines how large the analog display is. Possible values: A positive number of pixels Default value: '200px'

      Furthermore the value can have even more units than just pixels, as it uses the standard width and height property for it.
      Check out the property values section here https://www.w3schools.com/cssref/pr_dim_width.asp

      posted in Development
      strawberry 3.141S
      strawberry 3.141
    • RE: Box/Frame around module

      @Da-ne-ezy custom.css

      .MODULENAME {
        border: 2px solid white;
      }
      
      posted in Development
      strawberry 3.141S
      strawberry 3.141
    • RE: Change background image based on time of day

      This should not work, as the getStyles function of the module gets just executed once when the mirror boots. I would suggest to create some classes like morning, afternoon, evening, … and in the module you load the css file with those classes, then create an interval which checks the current time of the day. based on that you query for the body like var body = document.querySelector('body'); and set the specific class body.className = 'morning';

      posted in Development
      strawberry 3.141S
      strawberry 3.141
    • 1 / 1