MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    Suggestions?

    Custom CSS
    3
    6
    304
    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.
    • cowboysdude
      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 Mykle1 2 Replies Last reply Reply Quote 0
      • S
        sdetweil @cowboysdude last edited by

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

        Sam

        Create a working config
        How to add modules

        cowboysdude 1 Reply Last reply Reply Quote 1
        • cowboysdude
          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
            sdetweil @cowboysdude last edited by

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

            Sam

            Create a working config
            How to add modules

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

              cowboysdude 1 Reply Last reply Reply Quote 1
              • cowboysdude
                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
                • 1 / 1
                • First post
                  Last post
                Enjoying MagicMirror? Please consider a donation!
                MagicMirror created by Michael Teeuw.
                Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                This forum is using NodeBB as its core | Contributors
                Contact | Privacy Policy