• 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 24.7k 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.
  • 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
        • M Offline
          Mykle1 Project Sponsor Module Developer @cyberphox
          last edited by Mykle1 Oct 26, 2018, 12:23 AM Oct 26, 2018, 12:22 AM

          @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
          • J Offline
            justjim1220 Module Developer @StrIIker
            last edited by Oct 26, 2018, 12:27 AM

            @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
            6 / 6
            • First post
              58/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