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.

    Resize custom or main modules

    Scheduled Pinned Locked Moved Development
    24 Posts 6 Posters 36.7k Views 10 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.
    • cowboysdudeC Offline
      cowboysdude Module Developer @daveyg_71
      last edited by cowboysdude

      @daveyg_71 put these in the css directory - custom.css file…

      I would never suggest changing ANY core css file because it could have well not good results then you’ll be trying to fix several problems.

      That’s what the custom.css file is for ;)

      Not sure if you know but modules are numbered like the example above:
      module_8_newsfeed

      There is another thread here that explains all that :)
      Here’s one and it even has an example custom.css file attached:
      check here!

      D 1 Reply Last reply Reply Quote 0
      • strawberry 3.141S Offline
        strawberry 3.141 Project Sponsor Module Developer @daveyg_71
        last edited by

        @daveyg_71 there is only the index.html file, the rest of the DOM will be created during runtime with js. so if you want to manipulate the design with custom.css but you’re not sure about the structure, start the mirror in dev mode npm start dev or with ctrl+alt+i then you can inspect the DOM in tab elements or view the mirror in your browser and open developer tools

        Please create a github issue if you need help, so I can keep track

        D 1 Reply Last reply Reply Quote 0
        • D Offline
          daveyg_71 @cowboysdude
          last edited by

          @cowboysdude I wasn’t planning on changing the any core css files. Wanted to look at it so I could find the module information like the earlier post then change the custom.css

          1 Reply Last reply Reply Quote 0
          • D Offline
            daveyg_71 @strawberry 3.141
            last edited by

            @strawberry-3.141 I was able to view the inspect the html with crtl+shift+I.

            my problem is it doesn’t look like the example above.

            1 Reply Last reply Reply Quote 0
            • shreyashS Offline
              shreyash @KirAsh4
              last edited by

              @kirash4 didn’t resize, suggest me another way to resize array

              J 1 Reply Last reply Reply Quote 0
              • J Offline
                j.e.f.f Project Sponsor Module Developer @shreyash
                last edited by

                @shreyash said in Resize custom or main modules:

                @kirash4 didn’t resize, suggest me another way to resize array

                When your CSS doesn’t seem to have any affect it’s usually one of two things:

                • your rule is not specific enough, and is being overridden by one that is more specific than yours

                • your rule has typos in it… sometimes it could be the difference of a space. div.someClass is interpreted by CSS differently than div .someClass

                If you haven’t done so already, search this forum for the CSS 101 guide which should help explain the above.

                shreyashS 1 Reply Last reply Reply Quote 0
                • shreyashS Offline
                  shreyash @j.e.f.f
                  last edited by

                  @j-e-f-f Unable to customize

                  StoffbeuteluweS 1 Reply Last reply Reply Quote 0
                  • StoffbeuteluweS Offline
                    Stoffbeuteluwe Project Sponsor @shreyash
                    last edited by

                    Hi, how can I add more space between lines off weatherforecast?

                    1 Reply Last reply Reply Quote 0
                    • 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