Problem with HTC widget, help greatly appreciated

[henrikrox]

so installed this awesome homescreen htc mod, but the weather temp is a bit misplaced as you can see un this image

hers the css config (wall of text).

if anyone could help out i would <3 you for ever


CSS CONFIG

html,body{
margin:0;
padding:0;
}
#container{
background:url('images/LockBackground.png') no-repeat;
background-size:320px 480px;
width:320px;
height:480px;
padding-top:50px;
position:relative;
}
#container.homescreen{
padding-top:30px;
}
#widget{
background:url('images/WidgetBackground.png') no-repeat 0 20px;
background-size:276px 155px;
width:276px;
height:220px;
overflow:hidden;
margin:0 auto;
}
#clock{
width:224px;
height:122px;
margin:0 auto;
position:relative;
}
#clock #hours, #clock #mins{
width:107px;
height:122px;
background:url('images/ClockBackground.png') no-repeat;
background-size:107px 122px;
font: 93px/120px "Trebuchet MS";
letter-spacing:-3px;
color:#222;
text-shadow:#fff -1px 1px 3px;
position:absolute;
text-align:center;
top:0px;
left:0px;
overflow:hidden;
}
#clock #mins{
left:117px;
}
#clock #ampm{
position:absolute;
font: 12px/15px "Trebuchet MS";
text-transform:uppercase;
text-shadow:#fff -1px 1px 2px;
bottom:10px;
left:5px;
}
#clock #overlay{
position:absolute;
z-index:5;
background:url('images/ClockOverlay.png') no-repeat left;
background-size:223px 80px;
width:224px;
height:80px;
left:1px;
top:3px;
}
#weather{
font-family:"Trebuchet MS";
color:#fff;
position:relative;
}
#weather #location{
font-size:14px;
text-shadow:#000 -1px 1px 3px;
position:absolute;
top:7px;
left:10px;
}
#weather #weatherDescription{
font-size:11px;
text-shadow:#000 -1px 1px 2px;
position:absolute;
top:27px;
left:10px;
text-transform:capitalize;
}
#weather #weatherIcon{
position:absolute;
left:71px;
top:-25px;
z-index:10;
}
#weather #weatherIconImg{
width:130px;
}
#weather #calendar{
position:absolute;
text-shadow:#000 -1px 1px 3px;
font-size:15px;
right:10px;
top:6px;
}
#weather #weatherTemp{
position:absolute;
right:10px;
top:25px;
font-size:17px;
text-shadow:#000 -1px 1px 3px;
}
#weather #hi, #weather #lo, #weather #hiTemp, #weather #loTemp{
font-size:9px;
text-shadow:#000 -1px 1px 2px;
position:absolute;
right:57px;
top:1px;
width:15px;
color:#ddd;
}
#weather #lo, #weather #loTemp{
top:11px;
color:#aaa;
}
#weather #hiTemp, #weather #loTemp{
right:45px;
width:15px;
}
#weather #temp{
position:absolute;
right:10px;
text-align:right;
width:30px;
}
#weather #tempUnit{
text-transform:uppercase;
}

 

[Interstella5555]

We need a jailbreak section for these.

 

[henrikrox]

isnt that what the hacks forum is for

 

[henrikrox]

i just found out that if the tempeature is lower then -10 C the temp falls out of the widget, if the temp is -9 C and higher the temp show up fine.

so a fix for -10 C and beyond is what i need

 

[TJone]

I would start by making the font sizes a few pixels smaller. They are a little big anyways.