Change newsfeed title to image/logo?

[cyberphox]

@justjim1220 My apologies to you! The module is working just fine for me now…took a little tinkering but I got it.

The only issue I’m having now is re-sizing and maybe getting it to run a little smoother (again that might be a limitation of the Pi) Can’t seem to get a full headline in before it switches…but I’ll mess around with it

Great module…thanks for your work

[Mykle1]

@cyberphox said in Change newsfeed title to image/logo?:

again that might be a limitation of the Pi

It is

[justjim1220]

@cyberphox

Thanks!
Glad you like it.

What did you have to tinker with to get it working?

[cyberphox]

@mykle1 I have a Synology NAS running Docker…I really need to learn how to install this all in a docker package and edit it and run it from the Server…

[cyberphox]

@justjim1220 Literally I was just missing a } after copying and pasting somehow…

[StrIIker]

@justjim1220 said in Change newsfeed title to image/logo?:

@striiker

Add this to custom.css, Make the changes you want in it…

.MMM-NewsFeedTicker {
    height: 100px;
    background-color: maroon;
    opacity: 1.0;
}

.MMM-NewsFeedTicker .headline {
    padding-top: 15px;
    font-size: 100%;
}

.MMM-NewsFeedTicker .image {
  height: 100px;
  background-color: #FFF;
}

Let me know if you have any problems with this.

I am glad that you like it! :smiling_face_with_sunglasses:

I added the lines to the custom.css and adjusted as follows. I still see the scrolling text as full size / cut off (screenshot of section included…

.MMM-NewsFeedTicker {
    height: 50px;
    background-color: maroon;
    opacity: 0.5;
}

.MMM-NewsFeedTicker .headline {
    padding-top: 15px;
    font-size: 50%;
}

.MMM-NewsFeedTicker .image {
  height: 50px;
  background-color: #FFF;
}

[StrIIker]

@justjim1220 said in Change newsfeed title to image/logo?:

@StrIIker
@cyberphox

My Apologies for the issues you are having, but, I am looking over the code to make these fixes and I am not seeing any of the problems you are describing…

Any way you could show me the specific places these errors are occurring?

I ran it through an error checker and it’s not finding any errors…

Th example config on your git page is missing a trailing ‘}’ This is why people have had issues adding to their config.js

[cyberphox]

@striiker

Same issue here

[justjim1220]

@striiker

Another apology…

When I was working with this module I had the font set to xlarge or large in the MMM-NewsFeedTicker.js file.

It makes it easier for these old eyes to see changes,

So, in the following section of the js file…

 var headline = document.createElement("span");
                headline.setAttribute("style", "padding-bottom:25px");
                headline.className = "bold xlarge bright";
                headline.innerHTML = "<font color= #ffaa00>" + moment(new Date(this.newsItems[this.activeItem].pubdate)).fromNow() + ": &nbsp;" + "</font>" + this.newsItems[this.activeItem].title + "&nbsp; || &nbsp;" + this.newsItems[this.activeItem].description;
                tickerBody.appendChild(headline);

Change the ‘xlarge’ to small

[cyberphox]

@striiker That’s the config issue i was having and solved it with the }