• 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.6k 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 @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 Online
      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
            • 2 / 2
            2 / 2
            • First post
              11/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