• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 27.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 Oct 25, 2018, 11:18 PM

    @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 Oct 25, 2018, 11:22 PM Reply Quote 0
    • C Offline
      cyberphox @StrIIker
      last edited by Oct 25, 2018, 11:21 PM

      @striiker

      Same issue here

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

      J 1 Reply Last reply Oct 25, 2018, 11:22 PM Reply Quote 0
      • J Offline
        justjim1220 Module Developer @StrIIker
        last edited by Oct 25, 2018, 11:21 PM

        @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 Oct 25, 2018, 11:50 PM Reply Quote 2
        • C Offline
          cyberphox @StrIIker
          last edited by Oct 25, 2018, 11:22 PM

          @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
          • J Offline
            justjim1220 Module Developer @cyberphox
            last edited by Oct 25, 2018, 11:22 PM

            @cyberphox See last post…

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

            J C 2 Replies Last reply Oct 25, 2018, 11:25 PM Reply Quote 1
            • J Offline
              justjim1220 Module Developer @justjim1220
              last edited by Oct 25, 2018, 11:25 PM

              @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 Oct 25, 2018, 11:29 PM

                @justjim1220 That definitely made it smaller! Thanks!

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

                J 1 Reply Last reply Oct 25, 2018, 11:30 PM Reply Quote 0
                • J Offline
                  justjim1220 Module Developer @cyberphox
                  last edited by Oct 25, 2018, 11:30 PM

                  @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 Oct 25, 2018, 11:50 PM

                    @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 Oct 25, 2018, 11:52 PM

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

                      J 1 Reply Last reply Oct 26, 2018, 12:27 AM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 6 / 6
                      6 / 6
                      • First post
                        51/58
                        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