• 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 2.7k 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.
  • 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
                    • R Offline
                      rkorell @sdetweil
                      last edited by Mar 24, 2025, 8:05 AM

                      @sdetweil Ahhhh…
                      THIS “bottom” …
                      Sorry for misinterpreting this.
                      Will try your suggestion.

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