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 36.9k 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.
    • 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
                    • 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

                        Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                        Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                        With your input, this post could be even better 💗

                        Register Login
                        • 1
                        • 2
                        • 3
                        • 2 / 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