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.
    • justjim1220J Offline
      justjim1220 Module Developer
      last edited by justjim1220

      Change this section of the newsfeed.js file (copy, paste, overwrite)…

      0_1539381938884_Screenshot (146).png

      and add a getStyles function to call the newsfeed.css…

      0_1539381999894_Screenshot (145).png

      Create a newsfeed.css file and put the following in it…

      0_1539382082409_Screenshot (148).png

      (I think I will post pics instead of code from now on!) :smiling_face_with_sunglasses: :smirking_face: :confused_face:

      Enjoy!

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

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

        You’ll have to find the logo for the news feed you are using (Google images)

        save it to your newsfeed folder

        change the part in the top code (USATodayLogo.jpg) to match your image

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

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

          Now, to figure out how to do it for those who have more than 1 newsfeed!

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

          C 1 Reply Last reply Reply Quote 0
          • B Offline
            blueadam
            last edited by

            I tried to do all those changes to newsfeed.js and created newsfeed.css file but it seems like that I’m doing something wrong beacuse now my whole newsfeed segment disappeared from my MagicMirror :D I took couple of screenshots to show what are the changes that I did.

            0_1539357230093_Nimetön suunn.malli (1).png

            I replaced that part of the code that is shown in first picture with that one that is in the second picture.

            newsfeed.css file is in the third picture and all of the files in the newsfeed folder are shown in the last picture.

            Even if it is not working yet I really appreciate all your effort that you have been putting on this :thumbs_up_light_skin_tone:

            ? 2 Replies Last reply Reply Quote 0
            • ? Offline
              A Former User @blueadam
              last edited by

              @blueadam

              description.innerHTML = `<img src="/modules/default/newsfeed/hsLogo.png">` + ...
              

              HTML entity escaping is not so good in this Forum BBS program
              @justjim1220 might had typed ' but this BBS program had changed it to " automatically.
              Anyway, you can use above code;

              1 Reply Last reply Reply Quote 0
              • ? Offline
                A Former User @blueadam
                last edited by

                @blueadam
                I think this would be what @justjim1220 really typed;
                0_1539358832024_temp.png

                1 Reply Last reply Reply Quote 0
                • B Offline
                  blueadam
                  last edited by blueadam

                  Yeah, with those changes newsfeed module came back but it still looks exactly the same that it was, so there isn’t that logo that I’m using

                  EDIT

                  showDescription was set to false and when I changed it to true all changes started to work but now I have another problem. Now there is the original headline and the new one so there are two headlines at the same time.

                  EDIT 2.0

                  Finally it works! I had to change the newsfeed.js code a little bit and had to change some true values to false from config.js. Also, I decided to move the module to bottom_left. After all changes the final result looks like this. I’m about to make second news module right below this one after this one.

                  0_1539377474606_kuvakaappaus.PNG

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

                    @justjim1220 I was just about to say that! lol

                    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 @blueadam @Sean

                      I see that I didn’t notice the changes that the forums made when I copy/pasted the code.

                      Apologies!

                      I also missed a step: Need to add getStyles function to the newsfeed.js Pic for placement

                      0_1539381776852_Screenshot (145).png

                      And this is what I tried to post and the forums didn’t like it and cahnged it, This is what you need to get it to work:
                      0_1539381869307_Screenshot (146).png

                      I will fix this in my original post.

                      Again, Apologies!

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

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

                        here it is with the New York Times…

                        0_1539382581526_Screenshot (150).png

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

                        C 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 4 / 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