Change newsfeed title to image/logo?

[cyberphox]

@justjim1220 cool…is that a scrolling newsfeed too?

[justjim1220]

@cyberphox

Yeppers!

[justjim1220]

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

[cyberphox]

@justjim1220 well now i want it all!

[justjim1220]

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

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

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

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

Enjoy!

[justjim1220]

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

[justjim1220]

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

[blueadam]

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.

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:

[A Former User]

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

[A Former User]

@blueadam
I think this would be what @justjim1220 really typed;

[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.

[cyberphox]

@justjim1220 I was just about to say that! lol

[justjim1220]

@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

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:

I will fix this in my original post.

Again, Apologies!

[justjim1220]

here it is with the New York Times…

[cyberphox]

@justjim1220 figure out multiple feeds and logos yet? LOL

[justjim1220]

@cyberphox

Working on it!!! :smiling_face_with_sunglasses:

[justjim1220]

@cyberphox

Did you get your to work?

Apologies for the mistakes posted by forums.

[electros]

@blueadam can you tell me please how i can make to look like this ?
And please tell me, who know of course the picture logo must have a specific dimensions like no big then… ?

[A Former User]

@electros
See ‘max-width’, and ‘max-height’ or you can use ‘background-position:contain’ as backfroundimage to adjust image size

[electros]

@sean
Thanks I thought it was because the logo image is too big so it does not display it. Now I have solved, the logo is displayed, but I have the same problem as @blueadam, which means I have the newsfeed 2 times the old version and the new version. And I’ve tried many variants, but I can not make the old one disappear.
That’s why I ask @blueadam to tell me how he got rid of the old one.
Thanks