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.

    MMM-ImagesPhotos

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    10 Posts 2 Posters 49 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
      sdetweil @Ray
      last edited by

      @Ray what is your touchbutton config

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      R 1 Reply Last reply Reply Quote 0
      • R Offline
        Ray @sdetweil
        last edited by

        @sdetweil I’m not sure I understand the question The configuration I included in my question up above hereWhat more would you like

        S 1 Reply Last reply Reply Quote 1
        • S Offline
          sdetweil @Ray
          last edited by sdetweil

          @Ray sorry, didn’t hit the config to scroll

          Buttons top left
          Images middle center
          One thing you could do is set the background of the top-left to see where it is, middle-center is left edge to right edge.
          I think it is on top of top left, closer to you as the user

          You might have to force z-index on buttons to get it in front/on top of middle-center

          .MMM-TouchButton {
              z-index:5;
          }
          

          Positive number closer to user,
          negative number is further away.
          0 is the normal baseline

          That also means the buttons will show on top of the images

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          R 2 Replies Last reply Reply Quote 0
          • R Offline
            Ray @sdetweil
            last edited by

            @sdetweil Sorry I haven’t replied until now
            thanks for the info I will certainly give this a try and feels that helps
            I actually have the program opened up right now I’m going to add it and see what happens

            1 Reply Last reply Reply Quote 0
            • R Offline
              Ray @sdetweil
              last edited by

              @sdetweil Well I just tried it and unfortunately did not work
              when the picture shows up the MMM-TouchButton doesn’t want to function

              S 1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @Ray
                last edited by sdetweil

                @Ray ok try this in custom.css

                img #mmm-images-photos { 
                   z-index:-1
                }
                

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                R 1 Reply Last reply Reply Quote 0
                • R Offline
                  Ray @sdetweil
                  last edited by

                  @sdetweil thanks to all of your help I found the solution
                  It took a while to figure it out but all I had to do was add
                  position: relative;
                  on top of z-index: 5;
                  and it works perfectly

                  .MMM-TouchButton {
                  	position: relative;
                  	z-index: 5;
                  }
                  
                  

                  Thanks for all of your help this room is awesome

                  R S 2 Replies Last reply Reply Quote 1
                  • R Offline
                    Ray @Ray
                    last edited by

                    I will continue to test it but I don’t see any problems

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      sdetweil @Ray
                      last edited by

                      @Ray awesome!!!

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      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