[WordPress] T woocommerce 注目の製品が失敗した製品のコンテナーのサイズを調整するには

スポンサーリンク

Question

3 おすすめ商品がホーム ページに表示するテンプレートを使用します。5 人 (3) を表示したいです。5 おすすめ商品の表示に失敗するいくつかの理由のための注目製品ボックスの幅を縮小する CSS を変更します。おすすめ商品の 5 つの要素を表示する方法はありますか?

これは私が今:

であり、達成したい:

おすすめ商品の幅を強制するために使用される CSS です:

.product-block{
width: 166px !important;
}

編集 1:

(画像怒鳴る) チェックのみ 3 おすすめ商品を表示するテンプレートを持って

5 おすすめ商品を表示することです達成したい !製品ボックスの幅が縮小のこのコードを追加するように:

#featured-carousel > div.slider-wrapper-outer > div > li {
width: 186px !important;

}

これを使用して縮小私はすべての製品のコードがその時点から余白を盗聴を得たし、スライダーの遷移はバギーだった後

答え

これを試してください:

.product-block img{max-width:100%;height:auto;}

コンテナーの完全な幅を得るために画像を語っているここで何して

http://stackoverflow.com/questions/27194409/t-woocommerce-featured-products-fails-to-adjust-size-of-product-container

スポンサーリンク

Leave a Reply