MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    Clock Module css edit

    Troubleshooting
    2
    3
    242
    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.
    • C
      carltonb last edited by

      Cock Module.
      My design is working fine but I am having a heck of a time formatting one component.
      Currently my time for example reads the following in a 12hr format
      12:28PM

      Is there a way to add a space between the 8 and PM so it looks like
      12:28 PM

      Can not find in the css where I can change it if it is possible.
      Thanks
      carltonb

      lavolp3 1 Reply Last reply Reply Quote 0
      • lavolp3
        lavolp3 Module Developer @carltonb last edited by

        @carltonb try this:

        .clock .time span {
          margin-left: 20px;
        }
        

        untested! 🙂

        How to troubleshoot modules
        MMM-soccer v2, MMM-AVStock

        1 Reply Last reply Reply Quote 0
        • C
          carltonb last edited by

          Thanks so much.
          Worked fine.
          I had to tweak the code to this to make a difference.

          .clock .time span {
            margin-left: 100px;
          }
          
          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