@sdetweil ello I tried to do what you told me but when I put these lines in the custom file I no longer have any icons at all, to summarize the situation I put the copy of the files that I have on the MM folder:
1 file with the “icons” folder that I created with an icons mkdir
2 the file with the animated icons
3 my ms.config for the weather part
4 the modified file (as you asked me)
I’m sorry to bother you but I’m lost and your help is precious
thanks in advance
config.js :
{
disabled: false,
module: "weather",
position: "top_right",
header: "Meteo Ile d'Olonne",
config: {
weatherProvider: "openweathermap",
type: "current",
location: "Olonne-sur-Mer,France",
locationID: "2989572", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
apiKey: " XXXXXXXXXXXXXXXXXXXXXXXXX"
}
},
{
disabled: false,
module: "weather",
position: "top_right",
header: "Meteo",
config: {
weatherProvider: "openweathermap",
type: "forecast",
location: "Olonne-sur-Mer,France",
locationID: "2989572", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
apiKey: "XXXXXXXXXXXXXXXXXXXXXXXXXXX"
}
},
css custom:
/* Aenderungen Wetter Icon /
/ Aenderungen aktuelles Wetter */
.weather .weathericon {
position: absolute;
z-index: 0;
height: 200px;
right: 180px;
margin-top: -65px;
}
.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;
}