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: