Quote:
Originally Posted by antonucci
and does anyone know where (and which file) to change the font size for the city and weather conditions?
|
Edit the widget.html file
<div id="WeatherContainer">
<div id="TextContainer">
<p style="display:block;position: absolute; top: 190px;left:19px;right:0px;width: 220px;text-shadow: 0px 2px 2px black;font-size:1.4em;" id="city"></p>
<p style="display:block;position: absolute; top: 213px;left:217px;width: 310px;text-shadow: 0px 2px 2px black;" id="temp"></p>
<p style="display:block;position: absolute; top: 213px;left:20px;width: 50px;text-align: left;text-shadow: 0px 2px 2px black;font-size:0.8em;" id="desc"></p>
<p style="display:block;position: absolute; top: 217px;left:268px;width: 310px;color: white;text-shadow: 0px 2px 2px black;font-size:12px;" id="hi" >H:</p>
<p style="display:block;position: absolute; top: 230px;left:268px;width: 310px;color: white;text-shadow: 0px 2px 2px black;font-size:12px;" id="low" >L:</p>
</div>
</div>
<div id="Forecast" >
<p style="display:block;position: absolute; top: 206px;left:285px;width: 310px;color: white;text-shadow: 0px 2px 2px black;font-size:12px;" id="hi0" ></p>
<p style="display:block;position: absolute; top: 219px;left:285px;width: 310px;color: white;text-shadow: 0px 2px 2px black;font-size:12px;" id="low0" ></p>
</div>
id shows what part your editing and just change the font-size
In this code you can also change the position of each element.
Just make minor changes, re spring the springboard until you get the desired positions and size.
id's
"City" - City
"desc" - Weather conditions
& "temp" - For the Temperature
Hope this all makes sense