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.8k 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
      last edited by

      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 BKeyportB 2 Replies Last reply Reply Quote 0
      • S Offline
        sdetweil @eqpaisley
        last edited by

        @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
        • BKeyportB Offline
          BKeyport Module Developer @eqpaisley
          last edited by

          @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 Reply Quote 0
          • E Offline
            eqpaisley @BKeyport
            last edited by

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

            BKeyportB 1 Reply Last reply Reply Quote 0
            • BKeyportB Offline
              BKeyport Module Developer @eqpaisley
              last edited by

              @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 Reply Quote 0
              • E Offline
                eqpaisley @BKeyport
                last edited by

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