MMM-NewsFeedTicker Make Banner and 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?