• 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 25.0k 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.
  • M Offline
    Mykle1 Project Sponsor Module Developer @cyberphox
    last edited by Oct 25, 2018, 9:27 PM

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

    again that might be a limitation of the Pi

    It is

    Create a working config
    How to add modules

    C 1 Reply Last reply Oct 25, 2018, 9:30 PM Reply Quote 3
    • J Offline
      justjim1220 Module Developer @cyberphox
      last edited by Oct 25, 2018, 9:28 PM

      @cyberphox

      Thanks!
      Glad you like it.

      What did you have to tinker with to get it working?

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

      C 1 Reply Last reply Oct 25, 2018, 9:31 PM Reply Quote 0
      • C Offline
        cyberphox @Mykle1
        last edited by Oct 25, 2018, 9:30 PM

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

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

        M 1 Reply Last reply Oct 26, 2018, 12:22 AM Reply Quote 0
        • C Offline
          cyberphox @justjim1220
          last edited by Oct 25, 2018, 9:31 PM

          @justjim1220 Literally I was just missing a } after copying and pasting somehow…

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

          1 Reply Last reply Reply Quote 1
          • S Offline
            StrIIker @justjim1220
            last edited by Oct 25, 2018, 11:16 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:

            I added the lines to the custom.css and adjusted as follows. I still see the scrolling text as full size / cut off (screenshot of section included…

            .MMM-NewsFeedTicker {
                height: 50px;
                background-color: maroon;
                opacity: 0.5;
            }
            
            .MMM-NewsFeedTicker .headline {
                padding-top: 15px;
                font-size: 50%;
            }
            
            .MMM-NewsFeedTicker .image {
              height: 50px;
              background-color: #FFF;
            }
            

            0_1540509375376_Screen Shot 2018-10-25 at 7.14.32 PM.png

            C J 2 Replies Last reply Oct 25, 2018, 11:21 PM Reply Quote 0
            • 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
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 5 / 6
                      5 / 6
                      • First post
                        46/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