MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MMM-NewsFeedTicker Make Banner and Scrolling Text Smaller

    Scheduled Pinned Locked Moved Solved Troubleshooting
    25 Posts 3 Posters 6.2k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      dgregory19
      last edited by

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

      justjim1220J 1 Reply Last reply Reply Quote 1
      • justjim1220J
        justjim1220 Module Developer @dgregory19
        last edited by

        @dgregory19

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

        "Life's Too Short To Dance With Ugly People"
        Jim Hallock - 1995

        D 1 Reply Last reply Reply Quote 0
        • D
          dgregory19 @justjim1220
          last edited by

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

          justjim1220J 2 Replies Last reply Reply Quote 0
          • justjim1220J
            justjim1220 Module Developer @dgregory19
            last edited by

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

            "Life's Too Short To Dance With Ugly People"
            Jim Hallock - 1995

            1 Reply Last reply Reply Quote 0
            • justjim1220J
              justjim1220 Module Developer @dgregory19
              last edited by

              @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

              "Life's Too Short To Dance With Ugly People"
              Jim Hallock - 1995

              D 1 Reply Last reply Reply Quote 0
              • D
                dgregory19 @justjim1220
                last edited by

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

                justjim1220J 1 Reply Last reply Reply Quote 0
                • justjim1220J
                  justjim1220 Module Developer @dgregory19
                  last edited by

                  @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

                  "Life's Too Short To Dance With Ugly People"
                  Jim Hallock - 1995

                  D 2 Replies Last reply Reply Quote 0
                  • D
                    dgregory19 @justjim1220
                    last edited by

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

                    1 Reply Last reply Reply Quote 0
                    • D
                      dgregory19 @justjim1220
                      last edited by

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

                      justjim1220J 1 Reply Last reply Reply Quote 0
                      • justjim1220J
                        justjim1220 Module Developer @dgregory19
                        last edited by

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

                        "Life's Too Short To Dance With Ugly People"
                        Jim Hallock - 1995

                        D 1 Reply Last reply Reply Quote 1
                        • 1
                        • 2
                        • 3
                        • 1 / 3
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy