Calendar 'line' - where is the code?

Reply to Calendar 'line' - where is the code? on Tue, 13 Dec 2016 18:50:15 GMT

valid8r — Tue, 13 Dec 2016 18:50:15 GMT

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

Reply to Calendar 'line' - where is the code? on Tue, 13 Dec 2016 18:01:24 GMT

Hacksaw — Tue, 13 Dec 2016 18:01:24 GMT

currentweather.js

Line 307:

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

change to:

            temperature.className = "brightt";

in the custom.css

Insert:

.brightt {
color: #FF0000;
}

Reboot

Reply to Calendar 'line' - where is the code? on Tue, 13 Dec 2016 00:39:55 GMT

valid8r — Tue, 13 Dec 2016 00:39:55 GMT

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

Reply to Calendar 'line' - where is the code? on Mon, 12 Dec 2016 22:38:25 GMT

valid8r — Mon, 12 Dec 2016 22:38:25 GMT

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

Reply to Calendar 'line' - where is the code? on Mon, 12 Dec 2016 22:25:43 GMT

chrisfoerg — Mon, 12 Dec 2016 22:25:43 GMT

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

Reply to Calendar 'line' - where is the code? on Mon, 12 Dec 2016 22:17:03 GMT

valid8r — Mon, 12 Dec 2016 22:17:03 GMT

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

Reply to Calendar 'line' - where is the code? on Mon, 12 Dec 2016 21:48:19 GMT

chrisfoerg — Mon, 12 Dec 2016 21:48:19 GMT

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

Reply to Calendar 'line' - where is the code? on Mon, 12 Dec 2016 21:43:56 GMT

valid8r — Mon, 12 Dec 2016 21:43:56 GMT

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

.header {
color: #99F;
}

Reply to Calendar 'line' - where is the code? on Mon, 12 Dec 2016 21:33:25 GMT

valid8r — Mon, 12 Dec 2016 21:33:25 GMT

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

Thanks

Reply to Calendar 'line' - where is the code? on Mon, 12 Dec 2016 21:32:40 GMT

chrisfoerg — Mon, 12 Dec 2016 21:32:40 GMT

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