Change newsfeed title to image/logo?

[blueadam]

Is there any chance to change that title text to image or logo? I have already made an png picture for that use but I have no idea how to do it. if that is possible it would be great if you can help how to adjust that pictures size as well with css for example. Thank you.

[justjim1220]

@blueadam

I can help you. set that up.
I sent you a chat message.

[Mykle1]

@justjim1220

No secrets! Share your procedure. :-)

[justjim1220]

@mykle1

I will, when I get it done!!! :winking_face:

[justjim1220]

@mykle1

I’t takes me a minute to do this stuff!

[Mykle1]

@justjim1220

Then you should be done already. :-)

[justjim1220]

@mykle1

IKR!?

[justjim1220]

OK, I think I got it!

[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