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.

    Change newsfeed title to image/logo?

    Scheduled Pinned Locked Moved Development
    58 Posts 7 Posters 31.5k Views 7 Watching
    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.
    • S Offline
      StrIIker @justjim1220
      last edited by

      @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

      C 1 Reply Last reply Reply Quote 0
      • C Offline
        cyberphox @StrIIker
        last edited by

        @striiker

        Same issue here

        Full time Dad, DJ and entertainer and lover of technology.

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

          @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

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

          S 1 Reply Last reply Reply Quote 2
          • C Offline
            cyberphox @StrIIker
            last edited by

            @striiker That’s the config issue i was having and solved it with the }

            Full time Dad, DJ and entertainer and lover of technology.

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

              @cyberphox See last post…

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

              justjim1220J C 2 Replies Last reply Reply Quote 1
              • justjim1220J Offline
                justjim1220 Module Developer @justjim1220
                last edited by

                @cyberphox
                @StrIIker

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

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

                1 Reply Last reply Reply Quote 1
                • C Offline
                  cyberphox @justjim1220
                  last edited by

                  @justjim1220 That definitely made it smaller! Thanks!

                  Full time Dad, DJ and entertainer and lover of technology.

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

                    @cyberphox

                    Your very welcome!

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

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      StrIIker @justjim1220
                      last edited by

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

                      1 Reply Last reply Reply Quote 0
                      • S Offline
                        StrIIker @justjim1220
                        last edited by

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

                        justjim1220J 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 6 / 6
                        • 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