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

    Scheduled Pinned Locked Moved Utilities
    94 Posts 15 Posters 69.7k Views 14 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.
    • justjim1220J Offline
      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.

      "Life's Too Short To Dance With Ugly People"
      Jim Hallock - 1995

      E 1 Reply Last reply Reply Quote 0
      • E Offline
        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

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

          @electros

          What did you change to move to the right?

          "Life's Too Short To Dance With Ugly People"
          Jim Hallock - 1995

          E 1 Reply Last reply Reply Quote 0
          • Cr4z33C Offline
            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 Offline
              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

              justjim1220J 1 Reply Last reply Reply Quote 0
              • justjim1220J Offline
                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

                "Life's Too Short To Dance With Ugly People"
                Jim Hallock - 1995

                E Cr4z33C 2 Replies Last reply Reply Quote 0
                • E Offline
                  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 Offline
                    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

                    justjim1220J 2 Replies Last reply Reply Quote 0
                    • justjim1220J Offline
                      justjim1220 Module Developer @electros
                      last edited by

                      @electros

                      Apologies!

                      Looks like I did tell you wrong about the position…
                      Here is the css that makes it work for me, try them and let me know…

                      @keyframes marquee {
                          0% {left: 100%;}
                          100% {left: -100%;}
                      }
                      
                      .MMM-NewsFeedTicker {
                          width: 100%;
                          height: 100px;
                          line-height: 100%;
                          overflow: hidden;
                          background: none;
                          margin-left: 20%;
                      }
                      
                      .MMM-NewsFeedTicker .tickerbody {
                          position: relative;
                          bottom: 0;
                          left: 0;
                          vertical-align: middle;
                          white-space: nowrap;
                          text-align: left;
                          animation: marquee 31s linear;
                        }
                      
                      .MMM-NewsFeedTicker .headline {
                          padding-top: 15px;
                          margin: 0 auto;
                          white-space: nowrap;
                      }
                      
                      .MMM-NewsFeedTicker .image {
                        position: absolute;
                        display: inline-block;
                        vertical-align: middle;
                        bottom: 10;
                        margin-left: 0;
                        height: 100px;
                        z-index: 10;
                        background-color: #FFF;
                      }
                      

                      "Life's Too Short To Dance With Ugly People"
                      Jim Hallock - 1995

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

                        @electros

                        what is the name of the module for the buttons?

                        "Life's Too Short To Dance With Ugly People"
                        Jim Hallock - 1995

                        E 1 Reply 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 Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy