Navigation

    MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    MMM-NewsFeedTicker

    Utilities
    15
    94
    12389
    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.
    • justjim1220
      justjim1220 Module Developer last edited by

      Description:

      A modification of the default newsfeed module that wil show the newsfeed logo and scroll across your screen like those you can see on the TV News Channels (CNN, ESPN, MSN, etc).

      ScreenShots:

      2_1540006883209_Screenshot (407).png 1_1540006883209_Screenshot (406).png 0_1540006883208_Screenshot (401).png

      Download:

      E 1 Reply Last reply Reply Quote 0
      • E
        electros Project Sponsor @justjim1220 last edited by

        @justjim1220
        Everything is fantastic, I just want to personalize something and I can not. as seen in printscren I moved a bit to the right feed but I can not stop the writing from going over the buttons. Can someone help me?
        0_1540408334038_3.png0_1540408416779_2.png

        justjim1220 1 Reply Last reply Reply Quote 0
        • justjim1220
          justjim1220 Module Developer @electros last edited by

          @electros

          Add: margin-left: 20%; under the .MMM-NewsFeedTicker { section of the MMM-NewsFeedTicker.css file.

          Change the ‘20%’ to the same setting you made to get the image to move to the right.

          E 1 Reply Last reply Reply Quote 0
          • E
            electros Project Sponsor @justjim1220 last edited by

            @justjim1220 Thank you for your reply, this sounds great but not working for me because to move the module to right and bottom I changed as well the position from relative to absolute. And if I change back that I can’t move there. So please tell me a complete solution to move there and to hide writing over the buttons. Thanks

            justjim1220 1 Reply Last reply Reply Quote 0
            • justjim1220
              justjim1220 Module Developer @electros last edited by

              @electros

              What did you change to move to the right?

              E 1 Reply Last reply Reply Quote 0
              • Cr4z33
                Cr4z33 last edited by Cr4z33

                @justjim1220 what should i put into

                defaultLogo : ""
                

                if I would like i.e to use a different logo?

                Also what is the max. image size accepted (in MegaBytes and pixels) please? 🙂
                Can we load various RSS into rotation into the same line?

                1 Reply Last reply Reply Quote 0
                • E
                  electros Project Sponsor @justjim1220 last edited by

                  @justjim1220
                  Hi, this is what I add to custom.css

                  MMM-NewsFeedTicker {
                      height: 40px;
                      background-color: black;
                      margin-left: 20%;
                  }
                  .MMM-NewsFeedTicker .tickerbody {
                      position: absolute;
                      bottom: 7px;
                    
                  }
                  .MMM-NewsFeedTicker .image {
                    position: absolute;
                    margin-left: 20%;
                    bottom: 7px;
                    height: 40px;
                  }  
                  

                  but i find what the problem is:
                  When i change the color of background to black just i hide background but that is not in same line like writing, is upper for that reason the writing is not hidden when go over the buttons. i change back the background to maroon and you can see the difference0_1540574544136_4.png

                  justjim1220 1 Reply Last reply Reply Quote 0
                  • justjim1220
                    justjim1220 Module Developer @electros last edited by

                    @electros

                    ok,

                    change background-color to background: none;
                    and,
                    change position back to relative under the image section

                    should work for you…
                    0_1540583047363_Screenshot (411).png

                    E Cr4z33 2 Replies Last reply Reply Quote 0
                    • E
                      electros Project Sponsor @justjim1220 last edited by

                      @justjim1220
                      I tried but it does not work. Now in custom.css it looks like this:

                      .MMM-NewsFeedTicker {
                          height: 40px;
                          background-color: none;
                          margin-left: 20%;
                      }
                      .MMM-NewsFeedTicker .tickerbody {
                          position: absolute;
                          bottom: 7px;
                        
                      }
                      .MMM-NewsFeedTicker .image {
                        position: relative;
                        margin-left: 20%;
                        bottom: 7px;
                        height: 40px;
                      }  
                      

                      And the screen is like that:
                      0_1540585163271_5.png

                      1 Reply Last reply Reply Quote 0
                      • E
                        electros Project Sponsor last edited by

                        The problem is just to move that red line to bottom under the writing line and after that everything it’s fine. Thanks

                        justjim1220 2 Replies Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 9
                        • 10
                        • 1 / 10
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy