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.5k 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

      I know, the scroll part wasn’t in the request, But, I couldn’t help myself… :smiling_face_with_sunglasses:

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

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

        @justjim1220 well now i want it all!

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

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