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

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 Mar 24, 2018, 9:44 PM

    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 Mar 25, 2018, 5:04 PM Reply Quote 0
    • J Offline
      j.e.f.f Project Sponsor Module Developer @sizer
      last edited by j.e.f.f Mar 25, 2018, 5:05 PM Mar 25, 2018, 5:04 PM

      @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 Mar 25, 2018, 10:33 PM Reply Quote 0
      • S Offline
        sizer @j.e.f.f
        last edited by Mar 25, 2018, 10:33 PM

        @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 Mar 26, 2018, 9:08 AM Reply Quote 0
        • J Offline
          j.e.f.f Project Sponsor Module Developer @sizer
          last edited by Mar 26, 2018, 9:08 AM

          @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 Mar 26, 2018, 9:17 AM Reply Quote 0
          • S Offline
            sizer @j.e.f.f
            last edited by Mar 26, 2018, 9:17 AM

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