Change font size of the date, time and temperature

CSS Codes Weather
1

Add this code to the Custom CSS field on the Style tab of your Weather widget’s settings:

.eapp-weather-detail-weatherName,
.eapp-weather-detail-locationName {
font-size: 24px;
}

.eapp-weather-detail-currentTemp {
font-size: 50px;
}

.eapp-weather-detail-iconBlock svg {
width: 65px;
height: 65px;
}

.eapp-weather-forecast-item-date,
.eapp-weather-forecast-detail-value {
font-size: 24px;
}

.eapp-weather-forecast-item-icon {
width: 50px;
height: 50px;
}

.eapp-weather-daily-item-date {
font-size: 20px;
}

.eapp-weather-daily-item-day,
.eapp-weather-daily-item-temp *{
font-size: 24px;
}

.eapp-weather-daily-item-icon {
width: 50px;
height: 50px;
}
1 Like