ホバリングの店頭商品タイトル

Question

私は店頭ギャラリアの子供のテーマを使用しています。

問題は私の商品ページhttps://www.mangoblogger.com/services/で、商品のタイトル/価格は768pxで消えて、ホバーに戻ってきます。

私は彼らにすべての時間を表示し、ホバー効果を完全に削除したいと思います。

私は、このCSSコードを追加メディアクエリでホバー効果を削除するために管理が、タイトルは> 768ピクセルの画面で

Answer 1

タイトルがあるためg-product-titleクラスのopacity: 0設定に隠されています。しかし、これはまた、「カートに入れる」ようになります

@screen and (min-width: 768px) { 
    .site-main ul.products li.product .g-product-title { 
    opacity: 1; 
    } 
} 

：あなたは、あなたのテーマのCSSファイルがロードされます後（後にCSSファイルまたは<style>タグのいずれかで）どこかにこのルールを追加することによって、その動作をオーバーライドすることができますあなたがその動作を望まない場合、あなたはボタンだけホバーに表示させ、ルールを追加することができますので、ボタンは、すべての時間を示しています

@screen and (min-width: 768px) { 
    .site-main ul.products li.product .button { 
    opacity: 0; 
    } 
    .site-main ul.products li.product:hover .button { 
    opacity: 1; 
    } 
} 

私は個人的にはより良い、そのように見えると思います。

Answer 2

を表示することができませんでした：場合にも、このコードを追加することがあり

.site-main ul.products li.product .g-product-title {opacity:1!important; } 

をあなたは、画像を中央に配置したい：

ul.products li.product img {margin:0 auto!important;}