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-NewsFeedTicker] scroll from left to right only?

    Scheduled Pinned Locked Moved Custom CSS
    41 Posts 3 Posters 11.1k Views 4 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 @Cr4z33
      last edited by

      @Cr4z33 see
      https://www.quackit.com/css/codes/marquees/

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      Cr4z33C 1 Reply Last reply Reply Quote 0
      • Cr4z33C Offline
        Cr4z33 @sdetweil
        last edited by Cr4z33

        @sdetweil thanks I already saw that page, but it talks about translateX and there’s no evidence of it in that module’s CSS.

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

          @Cr4z33 ok, so. try it. maybe the default is right to left if not specified.

          worst case u have the existing file still

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          Cr4z33C 1 Reply Last reply Reply Quote 0
          • Cr4z33C Offline
            Cr4z33 @sdetweil
            last edited by

            @sdetweil nope I didn’t get what I wanted. :person_shrugging_medium-dark_skin_tone:

            1 Reply Last reply Reply Quote 0
            • ? Offline
              A Former User
              last edited by

              @Cr4z33 : see this

              I think it can help

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

                i did this, commented out the old in the MMM-NewsFeedTicker.css
                and replaced with this

                /*@-webkit-keyframes marquee {
                  0% { left: 100%; }
                  100% { left: -100%; }
                }
                
                @-moz-keyframes marquee {
                  0% { left: 100%; }
                  100% { left: -100%; }
                }
                
                @-ms-keyframes marquee {
                  0% { left: 100%; }
                  100% { left: -100%; }
                }
                
                @-o-keyframes marquee {
                  0% { left: 100%; }
                  100% { left: -100%; }
                }
                
                @keyframes marquee {
                  0% { left: 100%; }
                  100% { left: -100%; }
                } */
                
                /* new stuff here */
                @keyframes marquee {
                  
                   0% {
                    transform: translate(-100%, 0);
                  }
                
                  50% {
                    transform: translate(-50%, 0);
                  }
                
                  100% {
                    transform: translate(0, 0);
                  } 
                }
                

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                Cr4z33C 1 Reply Last reply Reply Quote 0
                • Cr4z33C Offline
                  Cr4z33 @sdetweil
                  last edited by

                  @sdetweil thank you gonna try asap! :D

                  1 Reply Last reply Reply Quote 0
                  • Cr4z33C Offline
                    Cr4z33
                    last edited by

                    OK this is getting weird now because I applied the above code and it STILL keeps scrolling back and forth! :anguished_face:

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

                      @Cr4z33 did u delete the old code?

                      /*@-webkit-keyframes marquee {
                        0% { left: 100%; }
                        100% { left: -100%; }
                      }
                      
                      @-moz-keyframes marquee {
                        0% { left: 100%; }
                        100% { left: -100%; }
                      }
                      
                      @-ms-keyframes marquee {
                        0% { left: 100%; }
                        100% { left: -100%; }
                      }
                      
                      @-o-keyframes marquee {
                        0% { left: 100%; }
                        100% { left: -100%; }
                      }
                      
                      @keyframes marquee {
                        0% { left: 100%; }
                        100% { left: -100%; }
                      } */
                      

                      notice the /* and */

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • Cr4z33C Offline
                        Cr4z33
                        last edited by

                        @sdetweil of course I did. :)

                        S 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 1 / 5
                        • 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