• Hello,
    wp.4.2.2 aww 1.5.1
    i try custom background sprite image but dont working.
    can you help me?

    <td>[awesome-weather location="Istanbul,TR" units="C" size="wide" override_title="İstanbul"  forecast_days="5" hide_stats=0 inline_style="width: 280px; margin: 10px; float: left;" background_by_weather="1"]</td>

    weather codes is here:

    ( 0,1) == "2" ) "thunderstorm";
     ( 0,1) == "3" ) "drizzle";
     ( 0,1) == "5" ) "rain";
     ( 611 ) 	"sleet";
     ( 0,1) == "6" ) "snow";
     ( 781 OR 900 ) 	"tornado";
     ( 0,1) "8" ) "cloudy";
     ( 901 ) "tropical-storm";
     ( 902 ) "hurricane";
     ( 905 ) "windy";
     ( 906 ) "hail";
     ( 951 ) "calm";
     ( weather_code > 951 AND weather_code < 958 ) "breeze";

    http://openweathermap.org/ Weather condition codes

    Rain
    ID	Meaning	Icon
    500	light rain	[[file:10d.png]]
    501	moderate rain	[[file:10d.png]]
    502	heavy intensity rain	[[file:10d.png]]
    503	very heavy rain	[[file:10d.png]]
    504	extreme rain	[[file:10d.png]]
    511	freezing rain	[[file:13d.png]]
    520	light intensity shower rain	[[file:09d.png]]
    521	shower rain	[[file:09d.png]]
    522	heavy intensity shower rain	[[file:09d.png]]
    531	ragged shower rain	[[file:09d.png]]

    i try example for all rainning 500’s css:
    ( i try put on main style.css and awesome-weather.css and heand on post…)

    .awe-code-500 { background-size: cover; {background: url('imgs/Weathericons2.png') no-repeat -1129px -447px;	width: 342px;	height: 348px;}}
    .awe-code-501 { background-size: cover; {background: url('imgs/Weathericons2.png') no-repeat -1129px -447px;	width: 342px;	height: 348px;}}
    .awe-code-502 { background-size: cover; {background: url('imgs/Weathericons2.png') no-repeat -1129px -447px;	width: 342px;	height: 348px;}}
    .awe-code-503 { background-size: cover; {background: url('imgs/Weathericons2.png') no-repeat -1129px -447px;	width: 342px;	height: 348px;}}
    .awe-code-504 { background-size: cover; {background: url('imgs/Weathericons2.png') no-repeat -1129px -447px;	width: 342px;	height: 348px;}}
    .awe-code-511 { background-size: cover; {background: url('imgs/Weathericons2.png') no-repeat -1129px -447px;	width: 342px;	height: 348px;}}
    .awe-code-520 { background-size: cover; {background: url('imgs/Weathericons2.png') no-repeat -1129px -447px;	width: 342px;	height: 348px;}}
    .awe-code-521 { background-size: cover; {background: url('imgs/Weathericons2.png') no-repeat -1129px -447px;	width: 342px;	height: 348px;}}
    .awe-code-522 { background-size: cover; {background: url('imgs/Weathericons2.png') no-repeat -1129px -447px;	width: 342px;	height: 348px;}}
    .awe-code-531 { background-size: cover; {background: url('imgs/Weathericons2.png') no-repeat -1129px -447px;	width: 342px;	height: 348px;}}

    but dont working. is my css code incorrect or what about it.
    please give me correct css code.

    thank you any helping and cooperation.

    https://wordpress.org/plugins/awesome-weather/

Viewing 1 replies (of 1 total)
  • Plugin Author Hal Gatewood

    (@halgatewood)

    You have an extra bracket in your CSS. It should look like this:
    .awe-code-500 { background-size: cover; background: url(‘imgs/Weathericons2.png’) no-repeat -1129px -447px; width: 342px; height: 348px;}

Viewing 1 replies (of 1 total)

The topic ‘Please help stripe background image dnt working’ is closed to new replies.