MMM-NewsFeedTicker

[electros]

@justjim1220 Thank you for your reply, this sounds great but not working for me because to move the module to right and bottom I changed as well the position from relative to absolute. And if I change back that I can’t move there. So please tell me a complete solution to move there and to hide writing over the buttons. Thanks

[justjim1220]

@electros

What did you change to move to the right?

[Cr4z33]

@justjim1220 what should i put into

defaultLogo : ""

if I would like i.e to use a different logo?

Also what is the max. image size accepted (in MegaBytes and pixels) please? :)
Can we load various RSS into rotation into the same line?

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