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