製品を表示するためのウェブサイトにCSSの問題があります

Question

私は次のウェブサイトで作業しています。ウェブサイトのホームページが正常に動作しているため問題があります：この画像のセクションにある画像は、しかし、CSSはそうしていないので、浮かせるようにすると、ホバー効果は最初の4つの製品にのみ作用し、すべてではありません。ここ

は、Webサイトのリンクはこちらhttp://sinaimarble.com/beta/?init=1

である私はおよそ

これは織機のビデオです話しているページのどの部分のスクリーンショットですが、私はフロートが、ホバーを追加しました効果は1行目のみで2行目以降は有効ではない

https://www.useloom.com/share/55327cbb265743f39c2c442c029277e0 

Answer 1

以下はあなたに役立つソリューションです。

project-postクラスのCSSを変更してください。

このCSSを使用してください。

.masonry.four-col .project-post { 
    width: 24.84%; 
    display: inline-block; 
} 

このソリューションがお役に立てば幸いです。

Answer 2

これを使用してください：

.masonry.four-col .project-post { 
    width: 24.98%; 
    float: left; 
}