MMM-NewsFeedTicker

[electros]

@justjim1220
Hi, this is what I add to custom.css

MMM-NewsFeedTicker {
    height: 40px;
    background-color: black;
    margin-left: 20%;
}
.MMM-NewsFeedTicker .tickerbody {
    position: absolute;
    bottom: 7px;
  
}
.MMM-NewsFeedTicker .image {
  position: absolute;
  margin-left: 20%;
  bottom: 7px;
  height: 40px;
}  

but i find what the problem is:
When i change the color of background to black just i hide background but that is not in same line like writing, is upper for that reason the writing is not hidden when go over the buttons. i change back the background to maroon and you can see the difference

[justjim1220]

@electros

ok,

change background-color to background: none;
and,
change position back to relative under the image section

should work for you…

[electros]

@justjim1220
I tried but it does not work. Now in custom.css it looks like this:

.MMM-NewsFeedTicker {
    height: 40px;
    background-color: none;
    margin-left: 20%;
}
.MMM-NewsFeedTicker .tickerbody {
    position: absolute;
    bottom: 7px;
  
}
.MMM-NewsFeedTicker .image {
  position: relative;
  margin-left: 20%;
  bottom: 7px;
  height: 40px;
}  

And the screen is like that:

[electros]

The problem is just to move that red line to bottom under the writing line and after that everything it’s fine. Thanks

[justjim1220]

@electros

Apologies!

Looks like I did tell you wrong about the position…
Here is the css that makes it work for me, try them and let me know…

@keyframes marquee {
    0% {left: 100%;}
    100% {left: -100%;}
}

.MMM-NewsFeedTicker {
    width: 100%;
    height: 100px;
    line-height: 100%;
    overflow: hidden;
    background: none;
    margin-left: 20%;
}

.MMM-NewsFeedTicker .tickerbody {
    position: relative;
    bottom: 0;
    left: 0;
    vertical-align: middle;
    white-space: nowrap;
    text-align: left;
    animation: marquee 31s linear;
  }

.MMM-NewsFeedTicker .headline {
    padding-top: 15px;
    margin: 0 auto;
    white-space: nowrap;
}

.MMM-NewsFeedTicker .image {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  bottom: 10;
  margin-left: 0;
  height: 100px;
  z-index: 10;
  background-color: #FFF;
}

[justjim1220]

@electros

what is the name of the module for the buttons?

[electros]

@justjim1220
Sorry but it’s not working. I copied the css you put above in MMM-NewsFeedTicker.css but it still does not work. Now it looks like that

Buttons are created with the module “MMM-TouchNavigation”

[justjim1220]

@electros

do you still have the entries you put into the custom.css?

[justjim1220]

@electros

OK, you need to add the following to your custom.css file:

.navigation-menu {
    display: flex;
    align-items: stretch;
    position: absolute;
}

With the code I posted and this addition to the custom.css file, I was able to get this…

If you added any NewsFeedTicker code to your custom.css file, you need to remove it.

If you want the background color back to maroon, change the background: none; to background-color: maroon;

[electros]

@justjim1220
Finally it’s working now. Thank you very much:thumbs_up:

[electros]

Thank you very much for the help, but still I do not understand how you moved that red line down. I would be curious, can not get any position you want on the vertical for this module?

[justjim1220]

@electros

you should be able to place it in any of the regions,
it works best in the top_bar, middle_center, and bottom_bar for the 100% width

[Cr4z33]

This post is deleted!

[Cr4z33]

@justjim1220 can you please help me setting a custom logo into

defaultLogo : ""

?

I’ve tried so far with several image formats and I’ve used both HTTP and HTTPS, but it still doesn’t load the logo… :thinking_face:

[justjim1220]

@cr4z33

what news site is it?

[Cr4z33]

@justjim1220 said in MMM-NewsFeedTicker:

@cr4z33

what news site is it?

It’s

http://feeds.feedburner.com/SkyitTg24

and I would like to load

https://tg24.sky.it/static/images/lv/skytg24_logo_header.png

as default icon (also because I notice that ALL the news feeds I set don’t show the icon in the scrolling bar).

Last but not least is it normal that it uses almost 50% of the CPU load? :frowning_face_with_open_mouth:
I’ve got a Raspberry Pi 3 B+ and a Samsung EVO Plus 32GB micro SD card.

[Mykle1]

@cr4z33 said in MMM-NewsFeedTicker:

it normal that it uses almost 50% of the CPU load?

It sure is. The Pi struggles with that type of animation. I’m surprised it’s only 50%. You should monitor your CPU temp, as well.

[Cr4z33]

@mykle1 said in MMM-NewsFeedTicker:

@cr4z33 said in MMM-NewsFeedTicker:

it normal that it uses almost 50% of the CPU load?

It sure is. The Pi struggles with that type of animation. I’m surprised it’s only 50%. You should monitor your CPU temp, as well.

So it’s not a matter of not so fast SD card then right?

I am using a heatsink on it therefore the average temperature so far is between 50° Celsius and 60° Celsius.

[Mykle1]

@cr4z33 said in MMM-NewsFeedTicker:

So it’s not a matter of not so fast SD card then right?

Well, it could be, but that’s unlikely. The CPU load issue has been around for some time and animations, especially marquee animations(scrolling) are the #1 culprit, or I miss my mark. Of course, if you used something more robust than a Pi that has a GPU you’d see a world of difference in the way MM performs.

[justjim1220]

@cr4z33

Apologies, I am working on the issue of using a custom logo if one doesn’t get pulled from the site.
Please stand by… :smiling_face_with_sunglasses: