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

Regions

Scheduled Pinned Locked Moved Core System
34 Posts 19 Posters 103.3k Views 23 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.
  • F Offline
    Fozi Project Sponsor
    last edited by Nov 30, 2019, 4:42 PM

    Im main.css you can change the margin, heightand width under ‚body’ as you need. Here are my values I adjusted. The default values are commented.

    body {
      /* margin: 60px; */
      margin: 5px; 
      position: absolute;
      /*height: calc(100% - 120px);
      width: calc(100% - 120px);*/
      height: calc(100% - 10px);
      width: calc(100% - 10px);
    

    HowTo: Replace PIR Sensor with a RCWL-0516 Microwave Sensor

    M 1 Reply Last reply Nov 30, 2019, 9:09 PM Reply Quote 0
    • F Offline
      Fifin404
      last edited by Nov 30, 2019, 4:59 PM

      Thank you, that is what I looking for.

      1 Reply Last reply Reply Quote 0
      • M Offline
        Mykle1 Project Sponsor Module Developer @Fozi
        last edited by Nov 30, 2019, 9:09 PM

        @Fozi said in Regions:

        Im main.css you can change

        Encouraging people to modify their main.css is really not a good idea, especially for those that are new to MM and/or linux.

        Please direct your help towards the custom.css file which is intended for just such modifications.

        Peace

        -A concerned citizen-

        Create a working config
        How to add modules

        D F 2 Replies Last reply Dec 1, 2019, 3:35 AM Reply Quote 1
        • D Offline
          drwatson @Mykle1
          last edited by Dec 1, 2019, 3:35 AM

          Good point, @Mykle1

          Can you then suggest the equivalent change to make the proper way without modifying the main.css?

          C M 2 Replies Last reply Dec 1, 2019, 3:48 AM Reply Quote 0
          • C Offline
            cskenney @drwatson
            last edited by Dec 1, 2019, 3:48 AM

            @drwatson Copy the exact same code that @Fozi noted above and put it in the custom.css file.

            Below is what I put in my custom.css file.

            body {
              margin: 5px;
              position: absolute;
              height: calc(100% - 10px);
              width: calc(100% - 10px);
            }
            
            1 Reply Last reply Reply Quote 3
            • B Offline
              BKeyport Module Developer
              last edited by BKeyport Dec 1, 2019, 9:01 AM Dec 1, 2019, 9:00 AM

              This post is deleted!
              1 Reply Last reply Reply Quote 0
              • F Offline
                Fozi Project Sponsor @Mykle1
                last edited by Dec 1, 2019, 1:54 PM

                @Mykle1 ouh damned…your concerns are absolutely justified. Haven’t hought of that. Thanks for pointing me to that.:thumbs_up_light_skin_tone:

                HowTo: Replace PIR Sensor with a RCWL-0516 Microwave Sensor

                1 Reply Last reply Reply Quote 2
                • F Offline
                  Fifin404
                  last edited by Dec 1, 2019, 2:49 PM

                  Yes I added code to custom.css not main.css. Thanks for all

                  1 Reply Last reply Reply Quote 1
                  • M Offline
                    Mykle1 Project Sponsor Module Developer @drwatson
                    last edited by Mykle1 Dec 1, 2019, 4:06 PM Dec 1, 2019, 3:58 PM

                    @drwatson @Fozi

                    Can you then suggest the equivalent change to make the proper way without modifying the main.css?

                    Well, any changes that you consider making in the main.css can be made in the custom.css file without changing the main.css file. The custom.css file will override what is in the main.css file. This way you’re not altering any core files and your modifications will be accepted. When it’s time to upgrade to a newer version of MM the upgrade won’t abort because of changes you’ve made to the core files and your custom.css changes will survive the upgrade. :-)

                    I’m still learning things every day and I enjoy the process. That’s the whole point for me.

                    Peace!

                    Create a working config
                    How to add modules

                    1 Reply Last reply Reply Quote 0
                    • C Offline
                      cowboysdude Module Developer
                      last edited by Dec 5, 2019, 2:39 AM

                      Yes I would HIGHLY suggest you do not change the main.css file… that could send other modules or positions in to chaos. Use the custom css as Mykle1 suggested :)

                      1 Reply Last reply Reply Quote 1
                      • 1
                      • 2
                      • 3
                      • 4
                      • 2 / 4
                      2 / 4
                      • First post
                        16/34
                        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