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.

    Suggestions?

    Scheduled Pinned Locked Moved Custom CSS
    6 Posts 3 Posters 1.4k 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.
    • cowboysdudeC Offline
      cowboysdude Module Developer
      last edited by

      I’m trying to line this drink module up a little better so it lines up either left or right no matter where it is…

      Here’s the css but just can’t seem to get this to line up correctly… a little css help would be greatly appreciated… ;)

      Capture.PNG

      CSS:

      .MMM-Drinks {
         width: 300px;
         padding-top: 20px;
      }
      .MMM-Drinks li {
      	display: table;
      	font-size: 15px;
      }
      .MMM-Drinks .title {
      	color: white;
      	font-size: 16px;
      	line-height: 99%
      }  
      .MMM-Drinks .column {
          color: white;
      	font-size: 15px;
      	line-height:95%;
      }
      .MMM-Drinks .instruct {
      	color: white;
      	font-size: 16px;
      	line-height: 99%;
      	width: 60%;
      } 
      
      S Mykle1M 2 Replies Last reply Reply Quote 0
      • S Offline
        sdetweil @cowboysdude
        last edited by

        @cowboysdude try adding float:? left or right?
        I had to do that in the module code once

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        cowboysdudeC 1 Reply Last reply Reply Quote 1
        • cowboysdudeC Offline
          cowboysdude Module Developer @sdetweil
          last edited by

          @sdetweil Thanks Sam! Sometimes you look at something too long and you just can’t see the answer LOL

          S 1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @cowboysdude
            last edited by

            @cowboysdude I think u can use inherit, so if it’s left it will float left, etc

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 1
            • Mykle1M Offline
              Mykle1 Project Sponsor Module Developer @cowboysdude
              last edited by

              @cowboysdude

              Wait a minute. That weather module on the left. Is that 3 modules or a single module ? And why haven’t I seen that before? Pretty slick looking.

              Create a working config
              How to add modules

              cowboysdudeC 1 Reply Last reply Reply Quote 1
              • cowboysdudeC Offline
                cowboysdude Module Developer @Mykle1
                last edited by

                @mykle1 That sir is the weather module I built for my own mirror :) It’s never been made public… it’s all one module. Thanks for noticing!

                1 Reply Last reply Reply Quote 0

                Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                With your input, this post could be even better 💗

                Register Login
                • 1 / 1
                • 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