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 68.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

      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
                    • E Offline
                      electros Project Sponsor @justjim1220
                      last edited by

                      @justjim1220
                      Sorry but it’s not working. I copied the css you put above in MMM-NewsFeedTicker.css but it still does not work. Now it looks like that
                      0_1540591080827_6.png
                      Buttons are created with the module “MMM-TouchNavigation”

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

                        @electros

                        do you still have the entries you put into the custom.css?

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

                        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