Wordpressのテーマでホバー効果を削除するには

Question

私のウェブサイトwww.skiathos.ioに表示されているこのホバー効果を削除したいのですが、CSSコードを使用してこれを行う方法が見つかるようですテーマ。ここで

は、私はそれと私は私がこれを試みたが、運

.hoverホワイト{不透明で

を試してみました見つけたものです：なし重要;！ }

Answer 1

この場合、変更される画像の不透明度ではなく、画像をカバーする親の要素の背景色です。したがって、

.works-grid.hover-white .work-item:hover .work-img:after { 
    background-color: transparent; 
} 

...それを修正します。

Answer 2

あなたはエフェクトをオーバーライドしますか？インスペクタを参照してwhatsクラスが変更されたことを確認し、それを上書きしますか？あなたのケースで は、この元のクラスです：

.work-item:hover .work-img > img { 
    -webkit-transform: scale(1.05) translateZ(0); 
    -moz-transform: scale(1.05) translateZ(0); 
    -ms-transform: scale(1.05) translateZ(0); 
    transform: scale(1.05) translateZ(0); 
} 

.work-item .work-img > img { 
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
} 

このような通常のクラスのような効果なし、オーバーライドホバー効果、場合：ここで

.work-item:hover .work-img > img, .work-item .work-img > img { 
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
} 

アクションは、アクションなしのようなものです置きます。