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.

    Cant make center column wider?

    Scheduled Pinned Locked Moved Troubleshooting
    5 Posts 2 Posters 2.0k Views 2 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.
    • S Offline
      sizer
      last edited by

      Trying to make the center column wider, tried a few things I’ve googled inc css and nothing seems to work…complete noob so be gentle :)

      alt text

      J 1 Reply Last reply Reply Quote 0
      • J Offline
        j.e.f.f Project Sponsor Module Developer @sizer
        last edited by j.e.f.f

        @sizer not at my computer currently so this is off the top of my head, but I believe the CSS you’re looking for is as follows:

        .region.center {
          width: 500px;
          min-width: 500px;
          max-width: 500px;
        }
        

        Adjust 500px on each of those three lines as necessary.

        If this doesn’t seem to have any effect, try changing the CSS as follows:

        .region.center .module-content {
          width: 500px;
          min-width: 500px;
          max-width: 500px;
        }
        
        S 1 Reply Last reply Reply Quote 0
        • S Offline
          sizer @j.e.f.f
          last edited by

          @j.e.f.f said in Cant make center column wider?:

          .module-content

          Thank you, I did try both in the custom css and no change.

          J 1 Reply Last reply Reply Quote 0
          • J Offline
            j.e.f.f Project Sponsor Module Developer @sizer
            last edited by

            @sizer Try this: here is the exact rule I have in my custom.css file:

            .region.center .module-content,
            .region.center .module-content header {
              text-align: left;
              max-width: 350px;
              min-width: 350px;
            }
            

            you can omit the text-align property if you want your content to remain centre-aligned within the column. Adjust the 350px values to suit your needs.

            If this still doesn’t work, the you may need to check the CSS for the individual modules in the centre column. It’s possible they are setting their own widths.

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sizer @j.e.f.f
              last edited by

              @j.e.f.f said in Cant make center column wider?:

              .region.center .module-content,
              .region.center .module-content header {
              text-align: left;
              max-width: 350px;
              min-width: 350px;
              }

              Thanks and yh Im guessing it must be the module (Tadoist) thats forcing the size. Will have a gander at that next. tyvm

              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