MMM-NewsFeedTicker Make Banner and Scrolling Text Smaller

dgregory19

Where in the config are you able to make the News logo and the scrolling text smaller.

justjim1220

the font size is changed in the js file. See ****:

 var headline = document.createElement("span");
                headline.className = "bold small 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);

The image size is changed in the css file. See ****:

.MMM-NewsFeedTicker .image {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  bottom: 0;
  left: 0;
  height: 30px;    ****
  z-index: 10;
  background-color: #FFF;
}

dgregory19

@justjim1220 Can you dumb this down for me? Can those four lines go anywhere after module:? What am I putting in place of ****? I’m just learning this stuff. Thanks!
I got the logo fixed.

justjim1220

@dgregory19
Sorry

within the headline: headline.className = "bold small bright"; ****
Change the size from what you have to small. I think I originally had it set to xlarge.

I am working on making this a bit easier.

Apologies!

justjim1220

@dgregory19

Ok, I’ve made some changes.

If you do a git pull && npm i it will give you a warning about the changes made to your js and css files
You can just delete those files, then do the git pull && npm i

OR, you can just delete your NewsFeedTicker directory and re-install it

dgregory19

@justjim1220 This is how my config looks now. I’m assuming that I need to add the, headline.className = “bold small bright”; ****

               {
                       disabled: false,
                       module: "MMM-NewsFeedTicker",
                       position: "bottom_bar",
                       //classes: "day_scheduler",
                       config: {
                           feeds: [
                       {
                                       title: "New York Times",
                                       url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml",
                                       encoding: "UTF-8", //ISO-8859-1
                                       className: "myClass",
                                       defaultLogo : ""
                       },
                       {
                                       title: "USA Today",
                                       url: "http://rssfeeds.usatoday.com/UsatodaycomNation-TopStories",
                                       encoding: "UTF-8", //ISO-8859-1
                                       className: "myClass",
                                       defaultLogo : ""
                       },
                       {
                                       title: "BBC World News",
                                       url: "http://feeds.bbci.co.uk/news/world/rss.xml#",
                                       encoding: "UTF-8", //ISO-8859-1
                                       className: "myClass",
                                       defaultLogo : ""
                       }
           ]
       }
   },

Thanks for helping me out with this!

justjim1220

@dgregory19

No, with the update it is no longer needed, when you do the git pull && npm i it should be fixed to the right size

dgregory19

@justjim1220 Deleted directory and did the git pull && npm. Now NewsFeedTicker isn’t working at all. It’s in config.js and looks just like it did before.

dgregory19

@justjim1220 Jim, nevermind. I got it working. Helps to put it in the modules directory. Looks great! Thanks for all your help. Now to see what else I can break. Need to learn more about how to program this stuff.

justjim1220

@dgregory19
Glad you figured it out! :slightly_smiling_face:

I have made that mistake many times, probably everyone has at some point I suppose. :winking_face:

dgregory19

@justjim1220 Quick question, would you know if there is a news feed for the Harvard Bussness Review?

justjim1220

@dgregory19
It looks like you have to be a subscriber to the site

cowboysdude

@dgregory19 said in MMM-NewsFeedTicker Make Banner and Scrolling Text Smaller:

Harvard Bussness Review

Yes there is…it’s in xml format and it’s right here:

http://feeds.hbr.org/harvardbusiness

justjim1220

@cowboysdude
I found that also, and I could not get it to work
Further research showed you have to be a subscriber to receive the RSS feeds

cowboysdude

@justjim1220 said in MMM-NewsFeedTicker Make Banner and Scrolling Text Smaller:

@cowboysdude
I found that also, and I could not get it to work
Further research showed you have to be a subscriber to receive the RSS feeds

Really because it seems to work fine for me…in the stock news reader…

justjim1220

@cowboysdude
Is this the link you used?
http://feeds.hbr.org/harvardbusiness

cowboysdude

What do you think? If it’s not working in your module then something is wrong with your module…

cowboysdude

@justjim1220 said in MMM-NewsFeedTicker Make Banner and Scrolling Text Smaller:

http://feeds.hbr.org/harvardbusiness

I literally in 15 minutes had this working… using an old module I wrote… no css but proof of concept…

justjim1220

@cowboysdude

Then there is something wrong with my module I guess

Apologies for the misinformation

I will look into it further

Thanks CBD for the follow-up

justjim1220

@dgregory19

Apologies for the misinformation regarding your question

Although this question seemed to be in regard to this certain module, apparently, it does not work for some reason within this module.

I will look further into this issue and see what would be the difference

Again, I am sorry I gave you incorrect information regarding the feed for HBR