• 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
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

CSS basics

Scheduled Pinned Locked Moved Development
9 Posts 4 Posters 8.5k Views 3 Watching
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.
  • S Offline
    strawberry 3.141 Project Sponsor Module Developer @broberg
    last edited by Apr 30, 2017, 9:04 AM

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

    Please create a github issue if you need help, so I can keep track

    1 Reply Last reply Reply Quote 1
    • Z Offline
      zdenek @broberg
      last edited by Apr 30, 2017, 9:21 AM

      @broberg thanks, but still not clear. The missing space is clear. So, what will be in the custom to get time in green? I’m totally lost…

      B 1 Reply Last reply Apr 30, 2017, 9:28 AM Reply Quote 0
      • B Offline
        broberg Project Sponsor @zdenek
        last edited by Apr 30, 2017, 9:28 AM

        @zdenek

        .clock .time {
        Color: green;
        }
        

        And as @strawberry-3-141 mentioned. Just the seconds

        .clock sup.dimmed {
        Color: #00FFAA;
        }
        
        Z 1 Reply Last reply Apr 30, 2017, 11:26 AM Reply Quote 0
        • Z Offline
          zdenek @broberg
          last edited by Apr 30, 2017, 11:26 AM

          @broberg ah, thanks. I was trying that, but without the space between classes. This works, perfect, thanks. I hope, I’ll once get it…

          1 Reply Last reply Reply Quote 0
          • B Offline
            beck0r
            last edited by beck0r May 29, 2017, 6:08 AM May 29, 2017, 6:06 AM

            Have you tried to use an external Browser e.g. from your Laptop to Open your Magic Mirror Homepage ? (192.168.178.20:8080 for example) there you could use F12(developer Mode) to find out the css class names you Need

            1 Reply Last reply Reply Quote 2
            • 1 / 1
            • First post
              Last post
            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