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

Change default module width

Scheduled Pinned Locked Moved Unsolved Troubleshooting
11 Posts 3 Posters 5.5k 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.
  • E Offline
    eqpaisley @BKeyport
    last edited by Nov 27, 2022, 12:46 PM

    @BKeyport oh, wow very cool. I’ll give this a try ty

    1 Reply Last reply Reply Quote 0
    • E Offline
      eqpaisley
      last edited by Nov 27, 2022, 12:55 PM

      I tried this out and it was MOSTLY successful - I can get multiple inline modules on my top bar. But they look pretty wonky. Did you have to do anything in your CSS to get them to be the same height?

      ![alt text](50d576fc-e9d1-441b-a92d-8c8ed2258c9d-image.png image url)

      S B 2 Replies Last reply Nov 27, 2022, 1:19 PM Reply Quote 0
      • S Offline
        sdetweil @eqpaisley
        last edited by Nov 27, 2022, 1:19 PM

        @eqpaisley well their output is different height.

        to get them the same physical height you would have to add more content make the fonts bigger or change the vertical centering of the text.

        all of which I think looks worse!

        floating right works great when u have the same module repeated. I did this for a Rome train schedule a couple years ago

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • B Offline
          BKeyport Module Developer @eqpaisley
          last edited by Nov 27, 2022, 3:44 PM

          @eqpaisley as sam said, they’re different heights… As you can see, I also don’t have a background shade and/or a background on my mirror, so it eliminates most of the wonky right out of the gate.

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

          E 1 Reply Last reply Nov 27, 2022, 4:50 PM Reply Quote 0
          • E Offline
            eqpaisley @BKeyport
            last edited by Nov 27, 2022, 4:50 PM

            @BKeyport thanks to you and @sdetweil – really appreciate you both patiently helping me with the basics. I think my previous setup looked fine :)

            B 1 Reply Last reply Nov 28, 2022, 5:42 AM Reply Quote 0
            • B Offline
              BKeyport Module Developer @eqpaisley
              last edited by Nov 28, 2022, 5:42 AM

              @eqpaisley There’s plenty of CSS tutorials and tools on the web. Feel free to play. It’s really neat once you get into it. I learn something new every time I look into it. Enjoy!

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

              E 1 Reply Last reply Nov 28, 2022, 11:52 AM Reply Quote 0
              • E Offline
                eqpaisley @BKeyport
                last edited by Nov 28, 2022, 11:52 AM

                @BKeyport I was able to solve some of the width wonkiness I was having. Figuring out the CSS is definitely a project, as you say, it costs nothing to backup my custom.css, try something new, the restore the old one if I borked it somehow.

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