Calendar 'line' - where is the code?

[valid8r]

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

[chrisfoerg]

I think it’s in the folder css file main.css

header {
text-transform: uppercase;
font-size: 15px;
font-family: “Roboto Condensed”;
font-weight: 400;
border-bottom: 1px solid #666;
line-height: 15px;
padding-bottom: 5px;
margin-bottom: 10px;
color: #999;
}

[valid8r]

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

Thanks

[valid8r]

@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]

I didn’t try it but I think yes. the easiest way is to copy the header and delete all you don’t need. I think you also can erase the . before header

[valid8r]

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

[chrisfoerg]

I had to search for it

p {…}
applies to

elements

.p {…}
applies to all elements with with class “p” eg

,

, etc

I don’t know the html code but html5 uses

[valid8r]

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

[valid8r]

@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?

[Hacksaw]

currentweather.js

Line 307:

	temperature.className = "bright"; <-- this Line

change to:

            temperature.className = "brightt";

in the custom.css

Insert:

.brightt {
color: #FF0000;
}

Reboot

[valid8r]

@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?