Navigation

    MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    Change newsfeed title to image/logo?

    Development
    7
    58
    8481
    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.
    • justjim1220
      justjim1220 Module Developer @cyberphox last edited by

      @cyberphox See last post…

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

        @cyberphox
        @StrIIker

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

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

          @justjim1220 That definitely made it smaller! Thanks!

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

            @cyberphox

            Your very welcome!

            1 Reply Last reply Reply Quote 0
            • S
              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
                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! 😎

                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!

                justjim1220 1 Reply Last reply Reply Quote 0
                • Mykle1
                  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. 🙂

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

                    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 Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                    This forum is using NodeBB as its core | Contributors
                    Contact | Privacy Policy