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.6k 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.
    • 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
                  • Mykle1M Offline
                    Mykle1 Project Sponsor Module Developer @cyberphox
                    last edited by Mykle1

                    @cyberphox said in Change newsfeed title to image/logo?:

                    @Mykle1 I have a Synology NAS running Docker…I really need to learn how to install this all in a docker package and edit it and run it from the Server…

                    I’m afraid I can’t help you with that. I have no experience with, or knowledge of, that. Perhaps someone else can help you. Good luck, my friend. :-)

                    Create a working config
                    How to add modules

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

                      @striiker said in Change newsfeed title to image/logo?:

                      opacity: 1.0;

                      Well, you might think about changing the color or having no color.

                      I just worked with it going all the way down to 0.1 and this is the result:

                      0_1540513439867_Screenshot (156).png

                      this is without a background color…

                      0_1540513583820_Screenshot (157).png

                      just change background-color: maroon; to background: none;

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

                      1 Reply Last reply Reply Quote 1
                      • 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