WooCommerceのショップページで、「カートに追加」ボタンを一直線に整列させてください。

Question

すべての「バスケットに追加」ボタンを一直線に並べるように案内してください。現在、彼らは比例していません。

誰でも簡単なコードを教えてもらえますか？ WooCommerceショップページで直線的に「カートに追加」ボタンを揃える方法

？

Answer 1

製品名（またはタイトル）がタグにこのように埋め込まれています。

<h2 class="woocommerce-loop-product__title">Product title</h2> 

つまり、あなたの製品名の最大高さを選択するそのクラスのmin-height CSSルールを定義する必要があります。最大の製品名の高さが96個のピクセルであれば、あなたはあなたのルールをこのように設定されますので、（例えば）：

.woocommerce-loop-product__title { 
    min-height: 100px; 
    /* OR 
    min-height: 100px !important; */ 
} 

あなたは（あなたのアクティブな子テーマのstyle.cssにファイルにこのCSSルールを追加する必要がありますまたはアクティブなテーマ）。