• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 65.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.
  • B Offline
    BKeyport Module Developer
    last edited by Nov 18, 2018, 5:00 AM

    Looking good, other than the logo now appearing centered on final position - I have deleted all custom css…

    The "E" in "Javascript" stands for "Easy"

    C 1 Reply Last reply Nov 18, 2018, 7:51 AM Reply Quote 0
    • C Offline
      Cr4z33 @BKeyport
      last edited by Nov 18, 2018, 7:51 AM

      @bkeyport so that’s not only me?

      I thought I messed up something in the CSS.

      1 Reply Last reply Reply Quote 0
      • B Offline
        BKeyport Module Developer
        last edited by Nov 18, 2018, 1:50 PM

        @Cr4z33 Nope, not just you.

        Fixed it, actually. added the line “left: 0px;” in my custom css in the “.MMM-NewsFeedTicker .image” section… it’ll force the image to the left.

        The "E" in "Javascript" stands for "Easy"

        C 1 Reply Last reply Nov 18, 2018, 1:51 PM Reply Quote 0
        • C Offline
          Cr4z33 @BKeyport
          last edited by Nov 18, 2018, 1:51 PM

          @bkeyport oh great doing it now thanks.

          B 1 Reply Last reply Nov 18, 2018, 1:54 PM Reply Quote 0
          • B Offline
            BKeyport Module Developer @Cr4z33
            last edited by Nov 18, 2018, 1:54 PM

            fwiw, it could have happened as adjustments made to the code for a feature I asked for… :innocent look:

            The "E" in "Javascript" stands for "Easy"

            1 Reply Last reply Reply Quote 0
            • K Offline
              Kimzer
              last edited by Nov 23, 2018, 10:30 PM

              Any way to make the logo smaller? It got huge with using the keyframes bit

              1 Reply Last reply Reply Quote 0
              • B Offline
                BKeyport Module Developer
                last edited by Nov 24, 2018, 4:22 AM

                yes, as a matter of fact. Fixes the centering too if you have that problem:

                custom.css in css subdirectory:

                .MMM-NewsFeedTicker .image {
                position: absolute;
                display: inline-block;
                vertical-align: middle;
                margin-left: 0;
                height: 40px; /* set to your image size */
                z-index: 1;
                background-color: #FFF;
                bottom: 0;
                left: 0px;

                }

                The "E" in "Javascript" stands for "Easy"

                1 Reply Last reply Reply Quote 1
                • J Offline
                  justjim1220 Module Developer
                  last edited by Feb 7, 2019, 1:55 AM

                  This module has been updated
                  Please do a git pull && npm i to update
                  Thanks!

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

                  1 Reply Last reply Reply Quote 0
                  • M Offline
                    mrSnatz
                    last edited by May 1, 2019, 11:48 AM

                    Hello,
                    Great module, exactly what I was looking for. however, the lettering stutters. Is there a way to fix this? I use a Rasperry pi3. How do I remove the logo from the feed? Many thx

                    my config.js

                      	{
                      	  module: "MMM-NewsFeedTicker",
                      	  position: "middle_center",
                      	  //classes: "day_scheduler",
                      	  config: {
                      	    feeds: [
                          		{
                          			title: "sportBILD",
                          			url: "https://sportbild.bild.de/rss/vw-fussball/vw-fussball-45036878,sort=1,view=rss2.sport.xml",
                          			encoding: "UTF-8",
                          			className: "myClass",
                          			//defaultLogo: ""
                          		}
                    	      ]
                      	  }
                        },
                    

                    and my custom.css

                    .MMM-NewsFeedTicker {
                        width: 80;
                        height: 30px;
                        background-color: none;
                     }
                    .MMM-NewsFeedTicker .tickerbody {
                        position: absolute;
                        bottom: 10px;
                        transform: translateZ(0);
                        backface-visibility: hidden;
                        animation: marquee 30s linear infinite;
                    }
                    .MMM-NewsFeedTicker .image {
                        margin-left: 0;
                        bottom: 10px;
                        height: 30px;
                    }
                    
                    J M 2 Replies Last reply May 1, 2019, 6:21 PM Reply Quote 0
                    • J Offline
                      justjim1220 Module Developer @mrSnatz
                      last edited by May 1, 2019, 6:21 PM

                      @mrSnatz said in MMM-NewsFeedTicker:

                      In this section,

                      .MMM-NewsFeedTicker .image {
                      margin-left: 0;
                      bottom: 10px;
                      height: 30px;
                      }

                      add display: none;

                      as far as the stuttering, I was told that animation will do that with Pi

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

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