Soucis ccs

[neomanu16]

HI KEN

a little css concern on the dark theme I joined you a screenshoot
Best regards,

[ktrue]

Need the URL to your website in order to debug the issue...

[neomanu16]

http://www.meteo16-vars.com/

[neomanu16]

its the fact that on the dark css

[neomanu16]

this is where I think there is a problem ...

.alertcircle {
font-size: 16px;
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
top: 40px;
border: .12rem solid rgba(95, 96, 97, .9);
line-height: 39px;
font-family: weathertext, arial, helvetica
}

[neomanu16]

I have just lowered the temperatures so you can see the worries there is now

[Damien0505]

Hi Ken,
My weather page is suffering a similar issue.
https://weather.damienbeeby.com
Kind regards,
Damien

[Damien0505]

Hi all,
Think I may have found the issue, residing in main.dark.css
Comparing behaviour of the light and dark themes, in main.dark.css I headed to:

spanefreezing,
spanelightning {
font-size: 12px;
font-family: Arial, system;
top: 33px;
width: 120px;
position: absolute;
font-weight: 400;
left: 50px
}

Comparing the top and width attributes to the light theme css, there was a discrepancy in both.
Changing the values to match that of the light theme (top:-3px and width:200px has definitely improved the situation along with reducing the left attribute to 30px.

Kind regards,
Damien

[neomanu16]

Sorry but it does not work I just tried but nothing happens .... always the same ...

http://www.meteo16-vars.com/

[neomanu16]

it's good for me too and it gives its now ...

spanefreezing,
spanelightning {
font-size: 12px;
font-family: Arial, system;
top: -3px;
width: 140px;
position: absolute;
font-weight: 400;
left: 30px
}