MMM-NewsFeedTicker

electros

@justjim1220
Everything is fantastic, I just want to personalize something and I can not. as seen in printscren I moved a bit to the right feed but I can not stop the writing from going over the buttons. Can someone help me?

justjim1220

@electros

Add: margin-left: 20%; under the .MMM-NewsFeedTicker { section of the MMM-NewsFeedTicker.css file.

Change the ‘20%’ to the same setting you made to get the image to move to the right.

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…
0_1540583047363_Screenshot (411).png

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