• 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.9k 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
    last edited by Oct 12, 2018, 1:06 AM

    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 Oct 12, 2018, 1:06 AM Reply Quote 0
    • C Offline
      cyberphox @justjim1220
      last edited by Oct 12, 2018, 1:06 AM

      @justjim1220 well now i want it all!

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

      1 Reply Last reply Reply Quote 0
      • J Offline
        justjim1220 Module Developer
        last edited by justjim1220 Oct 12, 2018, 10:09 PM Oct 12, 2018, 1:09 AM

        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
        • J Offline
          justjim1220 Module Developer
          last edited by Oct 12, 2018, 1:11 AM

          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
          • J Offline
            justjim1220 Module Developer
            last edited by Oct 12, 2018, 1:16 AM

            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 Oct 12, 2018, 5:11 PM Reply Quote 0
            • B Offline
              blueadam
              last edited by Oct 12, 2018, 3:19 PM

              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 Oct 12, 2018, 3:35 PM Reply Quote 0
              • ? Offline
                A Former User @blueadam
                last edited by Oct 12, 2018, 3:35 PM

                @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 Oct 12, 2018, 3:40 PM

                  @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 Oct 12, 2018, 8:52 PM Oct 12, 2018, 4:26 PM

                    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 Oct 13, 2018, 12:54 PM Reply Quote 0
                    • C Offline
                      cyberphox @justjim1220
                      last edited by Oct 12, 2018, 5:11 PM

                      @justjim1220 I was just about to say that! lol

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

                      J 1 Reply Last reply Oct 12, 2018, 10:05 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 2 / 6
                      2 / 6
                      • First post
                        15/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