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

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

Scheduled Pinned Locked Moved Solved Troubleshooting
3 Posts 3 Posters 877 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 Jan 20, 2024, 8:14 PM

    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 Jan 20, 2024, 8:58 PM Reply Quote 0
    • B Offline
      BKeyport Module Developer @sdetweil
      last edited by BKeyport Jan 21, 2024, 2:36 AM Jan 21, 2024, 2:35 AM

      @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 Offline
        sdetweil @Kelemvor
        last edited by Jan 20, 2024, 8:58 PM

        @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

        B 1 Reply Last reply Jan 21, 2024, 2:35 AM Reply Quote 0
        • B Offline
          BKeyport Module Developer @sdetweil
          last edited by BKeyport Jan 21, 2024, 2:36 AM Jan 21, 2024, 2:35 AM

          @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
          1 / 1
          • First post
            3/3
            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