MMM-NewsFeedTicker

Cr4z33

@justjim1220 that’s what I already did, but I see you now fixed that. :)

Thanks.

BKeyport

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

Cr4z33

@bkeyport so that’s not only me?

I thought I messed up something in the CSS.

BKeyport

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

Cr4z33

@bkeyport oh great doing it now thanks.

BKeyport

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

Kimzer

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

BKeyport

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;

}

justjim1220

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

mrSnatz

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;
}