MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord
    MagicMirror² v2.24.0 is available! For more information about this release, check out this topic.

    Help with the Clock module

    Development
    1
    1
    167
    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.
    • H
      Housane last edited by

      How do i fix the clock in the top right corner, at the moment it is floating so moves up and down for some reason and is rather inset. This gives an unpleasant aesthetic so id rather the clock was fixed in place. I have attached the current CSS below. Any help is greatly appreciated

      #GPHOTO_CURRENT {
              background-size:cover;
      }
      .clock {
        padding: 10px;
              background-color: rgba(0, 0, 0, 0.2);
      }
      .weather {
        padding: 10px;
              background-color: rgba(0, 0, 0, 0.2);
      }
      .calendar {
        padding: 10px;
              background-color: rgba(0, 0, 0, 0.2);
      }
      
      .clock {
        top:1px;
        left: 1px;
        bottom: inherit;
        right: inherit;
      }
      #GPHOTO_INFO {
        top: 400px;
        left: 10px;
        bottom: inherit;
        right: inherit;
      }
      
      
      
      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 Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
      This forum is using NodeBB as its core | Contributors
      Contact | Privacy Policy