Change newsfeed title to image/logo?

[justjim1220]

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

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

[justjim1220]

@cyberphox See last post…

[justjim1220]

@cyberphox
@StrIIker

Thanks for the heads-up on the error. I have it fixed now.
Much Appreciated!!! :smiling_face_with_sunglasses:

[cyberphox]

@justjim1220 That definitely made it smaller! Thanks!

[justjim1220]

@cyberphox

Your very welcome!

[StrIIker]

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

@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

This has resolved the issue I had. I tried small and it was a little too small so I set that value to medium and it’s perfect for me. Thank you for pointing this out and providing the solution! Now this will stream my news.

[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:

Concerning adjusting the opacity of the colored bar, how to I set it to 50%? I tried 0.5 and it didn’t seem to make any difference. Thanks again!

[Mykle1]

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

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

I’m afraid I can’t help you with that. I have no experience with, or knowledge of, that. Perhaps someone else can help you. Good luck, my friend. :-)

[justjim1220]

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

opacity: 1.0;

Well, you might think about changing the color or having no color.

I just worked with it going all the way down to 0.1 and this is the result:

this is without a background color…

just change background-color: maroon; to background: none;