Read the statement by Michael Teeuw here.
Calendar 'line' - where is the code?
-
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
-
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;
} -
@chrisfoerg Ahh, didn’t look there. Will play with that now.
Thanks
-
@valid8r So, if I wanted to change the color of the header using my custom.css would I use something like:
.header {
color: #99F;
} -
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
-
@chrisfoerg Got it working, thanks. Why does “header” not need the “.header”???
-
I had to search for it
p {…}
applies toelements
.p {…}
applies to all elements with with class “p” eg,
, etc
I don’t know the html code but html5 uses
-
@chrisfoerg Interesting. As I said before, the education process continues! Thanks Chris.
-
@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?
-
currentweather.js
Line 307:
temperature.className = "bright"; <-- this Line
change to:
temperature.className = "brightt";
in the custom.css
Insert:
.brightt {
color: #FF0000;
}Reboot