zWeatherFeed - Example Of Day And Night CSS Styling

This example shows how you can use the '.day' and '.night' CSS classes that are added to each weather feed item.

Script

$(document).ready(function () {
	$('#test').weatherfeed(['UKXX0085','ASXX0112']);
});

CSS

.day { background-color: #b0b0f0; }
.day a { color: #555; }

.night { background-color: #2a2a33; color: #eaeaf0; }
.night a:hover { color: #fff; }

Result

Note: The '.day' and '.night' classes override the '.odd' and '.even' classes that are also added to each feed item.