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