Read the statement by Michael Teeuw here.
Changing icons of the modules Current Weather and Weather Forecast
-
@Manu85 ok. if you zoom in on the double quotes in your last post, you will see they are curved
-
@sdetweil exactly right, but I no longer have weather icons :beaming_face_with_smiling_eyes:
-
@Manu85 show me a couple entries from you custom.css now
remember to use the code block
and the icons ARE in the css/icons folder, correct?
mine are in css/icons/static , as I unzipped the zip file from your link into the css/icons folder.weather .wi-day-sunny { content: url("/css/icons/static/day.svg"); } .weather .wi-day-cloudy { content: url("/css/icons/static/cloudy-day-1.svg"); }
-
@sdetweil dans mon custom css j’ai fait ces entrées par exemple (je ne sais pas si c’est ce que vous voulez…):
/* * SONDE DHT 22 temperature interieur */ #dht_temp { font-size: 40px; /* * TEMPERATURE CPU */ } #pi_temp { font-size: 30px; } /* * CALENDRIER ICONES AGENDA */ .fa.fa-male { color: #2B60DE; /* Dodger Blue */ } .fa.fa-birthday-cake { color: #ff0000; /* Red */ } .fa.fa-trash-o { color: #00FF00; /* Green */ } .fa.fa-calendar { color: #F660AB; /* Hot Pink */
-
@Manu85 well, I meant the css info for the icons for weather
-
@sdetweil ah ok here are the entries in my custom css file for the weather, is this what you want?
.weather .wi-day-sunny { content: url(“/css/icons/day.svg”); } .weather .wi-day-cloudy { content: url(“/css/icons/cloudy-day-1.svg”); } .weather .wi-rain { content: url(“/css/icons/rainy-6.svg”); } .weather .wi-night-clear { content: url(“/css/icons/night.svg”); } .weather .wi-night-cloudy { content: url(“/css/icons/cloudy-night-2.svg”); padding-right: 15px; padding-top: 10px; } .weather .wi-cloudy { content: url(“/css/icons/cloudy.svg”); } .weather .wi-showers { content: url(“/css/icons/rainy-7.svg”); } .weather .wi-thunderstorm { content: url(“/css/icons/thunder.svg”); } .weather .wi-snow { content: url(“/css/icons/snowy-6.svg”); } .weather .wi-cloudy-windy { content: url(“/css/icons/cloudy-day-3.svg”); } .weather .wi-night-rain { content: url(“/css/icons/rainy-6.svg”); } .weather .wi-night-snow { content: url(“/css/icons/snowy-6.svg”); } .weather .wi-night-thunderstorm { content: url(“/css/icons/thunder.svg”); } .weather .wi-night-showers { content: url(“/css/icons/rainy-7.svg”); } .weather .wi-fog { content: url(“/css/icons/cloudy.svg”); } .weather .wi-night-alt-cloudy-windy { content: url(“/css/icons/cloudy-night-1.svg”); } /* Aenderungen Wettervorhersage */ .weather .weathericon { position: absolute; left: 35px; z-index: 1; margin-top: -30px; height: 60px; } .weather .wi-day-sunny { content: url(“/css/icons/day.svg”); padding-left: 6px; padding-top: 5px; height: 50px; } .weather .wi-day-cloudy { content: url(“/css/icons/cloudy-day-1.svg”); } .weather .wi-rain { content: url(“/css/icons/rainy-6.svg”); padding-left: 8px; padding-top: 5px; height: 45px; } .weather .wi-night-clear { content: url(“/css/icons/night.svg”); } .weather .wi-night-cloudy { content: url(“/css/icons/cloudy-night-2.svg”); height: 50px; padding-left: 5px; padding-top: 7px; } .weather .wi-cloudy { content: url(“/css/icons/cloudy.svg”); } .weather .wi-showers { content: url(“/css/icons/rainy-7.svg”); } .weather .wi-thunderstorm { content: url(“/css/icons/thunder.svg”); } .weather .wi-snow { content: url(“/css/icons/snowy-6.svg”); } .weather .wi-cloudy-windy { content: url(“/css/icons/cloudy-day-3.svg”); height: 45px; padding-left: 8px; padding-top: 7px; } .weather .wi-night-rain { content: url(“/css/icons/rainy-6.svg”); padding-left: 8px; padding-top: 5px; height: 45px; } .weather .wi-night-snow { content: url(“/css/icons/snowy-6.svg”); } .weather .wi-night-thunderstorm { content: url(“/css/icons/thunder.svg”); } .weather .wi-night-showers { content: url(“/css/icons/rainy-7.svg”); } .weather .wi-fog { content: url(“/css/icons/cloudy.svg”); } .weather .wi-night-alt-cloudy-windy { content: url(“/css/icons/cloudy-night-1.svg”); height: 50px; padding-left: 5px; padding-top: 7px; }
-
@Manu85 said in Changing icons of the modules Current Weather and Weather Forecast:
> content: url(“/css/icons/rainy-6.svg”);
note that the quotes are leaning, not straight up and down
change like this
content: url("/css/icons/rainy-6.svg");
-
@sdetweil do they have to be like that? because that’s how they were before I modified them with </>
}.currentweather .wi-day-sunny {
content: url(“/css/icons/day.svg”);
}.currentweather .wi-day-cloudy {
content: url(“/css/icons/cloudy-day-1.svg”);
}.currentweather .wi-rain {
content: url(“/css/icons/rainy-6.svg”); -
@Manu85 they ALL must be straight up and down…
I was warning you that the copy you did originally had the wrong quote marks
they ALL MUST BE ONLY
"
-
@sdetweil like that ?
.currentweather .wi-night-clear { content: url("/css/icons/night.svg"); }