最近閲覧した製品のサムネイルに問題があります。私のCSSコードや使用できるコードに問題がありますか？

Question

最近見た製品は横向きに配置され、製品写真は歪んでいます。左の製品カテゴリーと同様に？それは本当に行ごとに一緒に配置したいと思います。 CSSコードに問題はありますか？お手伝いありがとう！実際にあなたの製品が5列に設定されているhttp://aom.sg/product-category/air/

Photo

Answer 1

：ここ

は、ウェブサイトのリンクです。行にそれらを表示するには、CSSでのいくつかの変更を行う必要があります。

は、大画面の例製品カテゴリアーカイブページで、あなたのテーマのStyles.cssをファイルに追加するCSSの場合は、次のようになります。

.woocommerce.tax-product_cat ul.products li.product, 
.woocommerce-page.tax-product_cat ul.products li.product { 
    width: 19% !important; 
    margin-right: 1% !important; 
} 

@media only screen and (max-width: 768px) { 
    .woocommerce.tax-product_cat ul.products li.product, 
    .woocommerce-page.tax-product_cat ul.products li.product, 
    .woocommerce-page.tax-product_cat[class*=columns-] ul.products li.product, 
    .woocommerce.tax-product_cat[class*=columns-] ul.products li.product { 
     width: 46% !important; 
     margin-right: 4% !important; 
     margin-left: 0 !important; 
    } 
} 

これは動作するはずです。

他のスクリーンデバイスのために、あなたのブラウザのコードインスペクタを使用して、正しいオーバーライドCCSルールを見つける必要があるはずですが...