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

Scheduled Pinned Locked Moved Custom CSS
30 Posts 2 Posters 1.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 Away
    sdetweil @rkorell
    last edited by Mar 23, 2025, 7:27 PM

    @rkorell yes. as a replacement for module_name

    when you select the element in the dev window
    down at the bottom is the selector clause prototype

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    R 1 Reply Last reply Mar 23, 2025, 7:30 PM Reply Quote 0
    • R Offline
      rkorell @sdetweil
      last edited by rkorell Mar 23, 2025, 7:31 PM Mar 23, 2025, 7:30 PM

      @sdetweil unfortunately your suggestion doesn’t work…
      And I cannot see anything “at the button” ?

      Defnitely no “selector clause prototype”

      R 1 Reply Last reply Mar 23, 2025, 7:32 PM Reply Quote 0
      • R Offline
        rkorell @rkorell
        last edited by Mar 23, 2025, 7:32 PM

        Screenshot 2025-03-23 203204.png
        This is complete view in Firefox Browser

        S R 2 Replies Last reply Mar 23, 2025, 7:34 PM Reply Quote 0
        • S Away
          sdetweil @rkorell
          last edited by Mar 23, 2025, 7:34 PM

          @rkorell there is an extra close div after the span

          where does it open

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          R 1 Reply Last reply Mar 23, 2025, 7:41 PM Reply Quote 0
          • R Offline
            rkorell @rkorell
            last edited by Mar 23, 2025, 7:34 PM

            @rkorell Screenshot 2025-03-23 203408.png
            This same in Chrome

            S 1 Reply Last reply Mar 23, 2025, 8:00 PM Reply Quote 0
            • R Offline
              rkorell @sdetweil
              last edited by rkorell Mar 23, 2025, 7:56 PM Mar 23, 2025, 7:41 PM

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

              where does it open

              <div module>
              <div class "module content">
              <div Style "margin-block-end">
                <span class> font-awesome-picture
              " HERE THE TEXT"
              </div>
              </div>
              </div>
              

              Screenshot 2025-03-23 203611.png
              The " <div class “module content”> " is identified by
              "#module_10_MMM-JsonValue > div:nth-child(2) " (for the first instance of module)
              second and following instances are counted up consecutively
              "#module_11_MMM-JsonValue > div:nth-child(2) "
              "#module_12_MMM-JsonValue > div:nth-child(2) "
              "#module_13_MMM-JsonValue > div:nth-child(2) "

              R 1 Reply Last reply Mar 23, 2025, 7:47 PM Reply Quote 0
              • R Offline
                rkorell @rkorell
                last edited by Mar 23, 2025, 7:47 PM

                #module_10_MMM-JsonValue > div:nth-child(2) {
                   color: "fuchsia";
                }
                
                

                Doesn’t work, either :-(

                1 Reply Last reply Reply Quote 0
                • S Away
                  sdetweil @rkorell
                  last edited by Mar 23, 2025, 8:00 PM

                  @rkorell prototype

                  IMG_0885.jpeg

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  S R 2 Replies Last reply Mar 23, 2025, 8:11 PM Reply Quote 1
                  • S Away
                    sdetweil @sdetweil
                    last edited by sdetweil Mar 23, 2025, 8:28 PM Mar 23, 2025, 8:11 PM

                    @rkorell maybe that will work

                    if you change it in the input area, does change

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    S 1 Reply Last reply Mar 23, 2025, 8:27 PM Reply Quote 0
                    • S Away
                      sdetweil @sdetweil
                      last edited by Mar 23, 2025, 8:27 PM

                      @rkorell

                      .module-content div {
                      color:
                      }

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      R 1 Reply Last reply Mar 24, 2025, 8:17 AM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 3 / 3
                      3 / 3
                      • First post
                        10/30
                        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