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.
    • C Offline
      cyberphox @justjim1220
      last edited by

      @justjim1220 cool…is that a scrolling newsfeed too?

      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

        Yeppers!

        "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

          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
                        • 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