画像のロールオーバーをゆっくりにしたいです。

wordpress 初心者です。
リンク付き画像をロールオーバー効果をする際に、サイトの画像全部を【ゆっくり/フェード】にしたいです。

a img{background:none!important}a:hover img{ opacity:0.7; filter:alpha(opacity=70); -ms-filter: “alpha( opacity=70 )”; background:none!important;}

は設定していますが、フェードがうまくできません。

現在、テーマは【colorway】を使用しており、javascript も少しだけ分かってきました。

初心者ですので、どこにどう記述するか等、詳しく教えて頂けると助かります。

宜しくお願い致します。