@valid8r Also, anyone have any idea how to get the symbol for the Dow Jones which is “^DJI” to work with this module?

I’ve implemented this module and it works with an ‘upward scrolling’ ticker. Presently, as implemented with 3 stocks, the ‘height’ of the scrolling is just one line. While hard to describe, basically, my first stock displays nicely and then rolls up and is replaced with the second stock. What I would think the module would do is show 4 or 5 stocks rolling at the same time so you could see more than one at a time. I’m not sure what this portion of the .css file really does and am wondering if this is what I need to change to increase the scrolling real-estate…?

@keyframes ticker {
0% {margin-top: 0}
25% {margin-top: -30px}
50% {margin-top: -60px}
75% {margin-top: -90px}
100% {margin-top: 0}
}

@valid8r Do you think just doing a WordPress website would be easier?

I have an idea to use the MM concept to help my son out with his Gaming LAN center. Currently they rent out computer time on 10 PCs to gamers. They need a countdown timer system for each computer that can be re-set. I’m thinking of settting up a multi-plexed digital input from my PI to a set of switches that when pressed would start, stop or reset a digital count down timer. My plan would be to divide the screen real-estate up into 10 blocks each of which is a count-down timer connected to the switch. My first thought would be to use the iFrame module such that each of the 10 block/regions was it’s own iFrame. the iFrame code would scan the multiplexed digital inputs connected to the switch assembly.

Am I over-thinking this? My coding experience on the PI is limited to Python, but I’m using the MM forums (with everyone’s help) to painfully learn JS and CSS (I appreciate the help already provided).

Any thoughts?

@Hacksaw Thanks, but is there no way to do so without modifying the actual module js code so that the only changes are to custom.css?

@chrisfoerg Ok, in my continuing process, I beg of you again for help! Now I am trying to change the font color for the temperature class defined in the currentweather module. I thought I should use

.temperature {
color: red;
}

but no go. I also tried using

.currentweather .temperature {
color: red;
}

but also no go… Thoughts?

@chrisfoerg Interesting. As I said before, the education process continues! Thanks Chris.

@chrisfoerg Got it working, thanks. Why does “header” not need the “.header”???

@valid8r So, if I wanted to change the color of the header using my custom.css would I use something like:

.header {
color: #99F;
}

@chrisfoerg Ahh, didn’t look there. Will play with that now.

Thanks

I’m searching for the code that defines the horizontal line spanning the iFrame module for the Calendar module (also for the line in the default weather module). I searched the .js and the .css files but don’t see anything defining this.

Thanks in advance

@Wedee Interestingly “.clock.time, .clock.date” did not work. However, “.clock .time, .date” does work.

Thanks. The learning process continues!

@Wedee Thanks, will do. I was wondering why the suggestion (source used for this) used “#module_1_…”.

This makes more sense.

I am reading and learning about .css and this forum and project have been great. I am experimenting with using my custom.css to modify various elements of my MM project. The following example has no effect on my MM clock. Are my selectors wrong?

#module_1_clock .time, #module_1_clock .date {
color: #628;
}

@Wedee Wow, that is incredibly helpful! I would think this would be helpful to many people going forward, is there any way to ‘sticky’ this link so it is available to people in the future?

Thanks again for this!

I’m still trying to interpret custom.css to better understand the various regions one can place a module. I get the idea for top.center, bottom.center, but is there a listing anywhere that defines the locations of everything mapped into custom.css? I still think there is a middle.center but when I try to use it, I fail…

@yawns To do so would be to update custom.css right? Would you be able to show an example of how that would work for a module such as compliments.

@strawberry-3.141
can you please confirm (for my css education), if the "wrapper.className = “thin xlarge bright” statement is where the font definitions are being set for the Compliments module as shown below? and if so, could I replace those strings with any of the css settings available?

getDom: function() {
var complimentText = this.randomCompliment();

	var compliment = document.createTextNode(complimentText);
	var wrapper = document.createElement("div");
	wrapper.className = "thin xlarge bright";
	wrapper.appendChild(compliment);

	return wrapper;

@strawberry-3.141 Thank you very much. This has helped me learn a bit more about css. This now points me in the direction of trying to find out where the compliments module definition is for the .xlarge class. Very helpful again.

I wanted to play around with font size and colors so I modified custom.css with the following code below my body statements:

.newsfeed .medium {
font-size: 60px;
font-color: #99F;
line-height: 60px;
}
This worked nicely and my newsfeed now has a larger blue font.
… but when I apply the same idea to the compliments module as below:

.compliments .medium {
font-size: 60px;
font-color: #99F;
line-height: 60px;
}

I don’t get any change for the compliments module… what gives?

Thanks