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.

    Slideshow Pictures

    Scheduled Pinned Locked Moved Development
    3 Posts 2 Posters 4.5k 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.
    • A Offline
      anishpatel
      last edited by anishpatel

      Completely new to Raspberry Pi and still trying to work out the kinks…

      I am wondering if someone could help me resize the module on the right side of the screen. This module is pulling images from Flickr (not through API, but actual image files) and recreating into a slideshow.

      I would like to large the module to fill the empty space on the right and center of the screen. I’ve attempted with custom CSS, but no luck so I’ve restored the custom CSS file to blank again. Would anyone have any suggestions?

      0_1476407063904_2016-10-13 19.51.19.jpg

      0_1476407076764_2016-10-13 19.51.19 copy.jpg

      Module CSS file: 0_1476407175083_Screen Shot 2016-10-13 at 9.05.49 PM.png

      tosti007T 1 Reply Last reply Reply Quote 0
      • tosti007T Offline
        tosti007 Module Developer @anishpatel
        last edited by tosti007

        @anishpatel you will have to take a look at the classname of the container for the image/the actual image. Then in css you could set the width and height maybe? Something like (200px is an example):

        image {
            width: 200px;
            height: 200px;
        }
        

        Let me know if this solves what you are looking for :) else I can have another look at if.

        If there is anything don't hesitate to contact me!
        ProfileSwitcher, TouchNotifications

        1 Reply Last reply Reply Quote 0
        • tosti007T Offline
          tosti007 Module Developer
          last edited by

          Sorry my bad, i was on mobile and didn’t notice that that css picture you made is the module’s css. I updated my code snippet above. I think this would be where you are looking for. One sidenote: if you set both the width and height then the pictures might not remain in their original aspect ratio, so try to set only one of them at first.

          If there is anything don't hesitate to contact me!
          ProfileSwitcher, TouchNotifications

          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