• 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.

Custom CSS

Scheduled Pinned Locked Moved Custom CSS
11 Posts 3 Posters 4.7k 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
    SoleLo @sdetweil
    last edited by Aug 4, 2022, 1:42 PM

    @sdetweil That script does help, I already had the file created, but I made note of the script for the future.

    1 Reply Last reply Reply Quote 0
    • S Offline
      SoleLo @BKeyport
      last edited by Aug 4, 2022, 4:37 PM

      @BKeyport one of the modules I’m trying to customize doesn’t seem to have “classes” to adjust, unless I’m missing something for example the Percent/ Range section if I wanted to change the margin-top to 150, how would I go about that?

      Screenshot 2022-08-04 at 12.36.07.jpg

      B S 2 Replies Last reply Aug 4, 2022, 6:45 PM Reply Quote 0
      • B Offline
        BKeyport Module Developer @SoleLo
        last edited by Aug 4, 2022, 6:45 PM

        @SoleLo I’d have to defer to the CSS masters around here. I’m hacky at best at it.

        Maybe we can loop in @shin10 to help, who really helped me with a situation I needed help with.

        The "E" in "Javascript" stands for "Easy"

        1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @SoleLo
          last edited by sdetweil Aug 4, 2022, 8:41 PM Aug 4, 2022, 7:42 PM

          @SoleLo when there isn’t a class, you can still use the selector syntax to get to an element

          .module_name div div

          etc

          here is a cheatsheet I use on determining a selector, the thing before the {

          https://www.w3schools.com/cssref/css_selectors.asp

          currently, there is no syntax for selecting an element that has some content… but :has() is coming…

          a discussion on using css for individual tags
          https://stackoverflow.com/questions/27823405/how-to-override-a-displaynone-property-applied-to-parent-element-in-specific-ch

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          S 1 Reply Last reply Aug 4, 2022, 10:21 PM Reply Quote 0
          • S Offline
            SoleLo @sdetweil
            last edited by Aug 4, 2022, 10:21 PM

            @sdetweil so for the Percent/ Range it would be something like

            .MMM-Teslamate div div
            {
            margin-top: 100px
            }
            
            
            
            S 1 Reply Last reply Aug 4, 2022, 11:44 PM Reply Quote 0
            • S Offline
              sdetweil @SoleLo
              last edited by Aug 4, 2022, 11:44 PM

              @SoleLo i think to get to the div with the link its

              .MMM-Teslamate div div div
              

              Sam

              How to add modules

              learning how to use browser developers window for css changes

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