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

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 Oct 14, 2016, 1:09 AM Oct 14, 2016, 1:07 AM

    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

    T 1 Reply Last reply Jan 16, 2017, 9:25 AM Reply Quote 0
    • T Offline
      tosti007 Module Developer @anishpatel
      last edited by tosti007 Jan 16, 2017, 10:17 AM Jan 16, 2017, 9:25 AM

      @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
      • T Offline
        tosti007 Module Developer
        last edited by Jan 16, 2017, 10:20 AM

        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