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.

    Can I hard code the widths for the top_left and top_right columns?

    Scheduled Pinned Locked Moved Solved Troubleshooting
    3 Posts 3 Posters 845 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.
    • K Offline
      Kelemvor
      last edited by

      Hi,
      I have a MM module that expands to take up too much of the screen. Instead of using max_width for that one module, is there a way I can hard code the width of both the left and right columns (fields, locations, whatever you call it).

      I’d like to specify the width of the blank space that goes all the way around the display (or at last the left and right edges), and the width of the left and right columns. I assume this would go in the CSS file somewhere, but I don’t know the names of what I’d need to specify.

      Thanks.

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

        @sdetweil That being said, you can.

        .region.left {
        	min-width: 640px;
        	max-width: 640px; 
        }
        

        It’s dirty, but it does work. Would be really bad if it wasn’t for the fact that we’re working in a system that has a known single output for the most part.

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

        1 Reply Last reply Reply Quote 0
        • S Away
          sdetweil @Kelemvor
          last edited by

          @Kelemvor

          see the css/main.css for the base page definition
          these are the around the edge spacing

            --gap-body-top: 60px;
            --gap-body-right: 60px;
            --gap-body-bottom: 60px;
            --gap-body-left: 60px;
          

          web content doesn’t really understand fixed widths
          you can set width and height

          use the developers window on the browser you are using to view the MM page (you can view if from your window machine and use the dev window there)

          the top right box will let you set styles on the element that is selected,
          so you can mod the body, or a region. or…

          Sam

          How to add modules

          learning how to use browser developers window for css changes

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

            @sdetweil That being said, you can.

            .region.left {
            	min-width: 640px;
            	max-width: 640px; 
            }
            

            It’s dirty, but it does work. Would be really bad if it wasn’t for the fact that we’re working in a system that has a known single output for the most part.

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

            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 Sam, technical setup by Karsten.
            This forum is using NodeBB as its core | Contributors
            Contact | Privacy Policy