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 modifications on a module which has no own css styles?

    Scheduled Pinned Locked Moved Custom CSS
    30 Posts 2 Posters 5.0k Views 2 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 Do not disturb
      sdetweil @rkorell
      last edited by sdetweil

      @rkorell said in CSS modifications on a module which has no own css styles?:

      I give up.

      but its the SAME result… you need to target the div INSIDE the module-content div

      .module-content div {
      color: …
      }

      this means
      find the element(s) with class module-content
      AND THEN
      the div(s) inside that

      selector is ALWAYS ALL that match

      as the color style is not inherited down

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      R 1 Reply Last reply Reply Quote 0
      • R Offline
        rkorell @sdetweil
        last edited by

        @sdetweil You are - as always - right.
        For some reasons NOW it works - tried again.
        (And I already HAD tried exactly THIS dozens of times …).

        THANKS!

        Ralf

        S 1 Reply Last reply Reply Quote 0
        • S Do not disturb
          sdetweil @rkorell
          last edited by

          @rkorell said in CSS modifications on a module which has no own css styles?:

          (And I already HAD tried exactly THIS dozens of times …).

          I think it failed on the previous because of the quotes around the color name

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          R 1 Reply Last reply Reply Quote 0
          • R Offline
            rkorell @sdetweil
            last edited by

            @sdetweil said in CSS modifications on a module which has no own css styles?:

            I think it failed on the previous because of the quotes around the color name

            No.
            I’ve tried this (see screenshot) with already working colors on these items …
            May something buffering wrong…
            (I’ve pressed ctrl-R several times so reloading has happened …)

            S 1 Reply Last reply Reply Quote 0
            • S Do not disturb
              sdetweil @rkorell
              last edited by

              @rkorell hm… only other thing is MM is case sensitive… css class names too

              you got it tho

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 1
              • S sdetweil referenced this topic on
              • 1
              • 2
              • 3
              • 3 / 3
              • 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