表示カートに追加ボタンボタンのインラインカテゴリページでWooCommerce

Question

「インライン」のカートボタンのすべてを表示しようとしていますが、一部の製品でテキストが長くなっているため、ジャンプしています。私は様々な修正を試みたが運がない。
これを直す最も簡単な方法は何ですか？

私はCSSを使用して背景バナーの最小の高さを設定しました。これは問題の一部を修正しました。しかしカートに追加ボタンはまだ飛び回っています。
相対的な高さなどを設定して同じ場所に表示することはできますか？

私はを試してみました（これは実際にそれがどちらか適切に見えることはありません）CSSコード：

.woo-product-title { 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
} 

.woo-product-box { 
    min-height: 160px; 
} 

これは、それがどのように見えるかです：

これは次のようになります。

私は、高度な符号化（主にCSSを知っている）で、非常に良好ではないですし、サイトがテーマに内蔵されているので、HTMLの主要な部分を変更することはできません。したがって、CSSオプションやfunctions.php用のPHPコードが優先されます。

このCSSコードは問題を多少解決しますが、短い説明で一部の製品の上に非常に大きなギャップを強制します。もう少し歓迎するCSSの方法はありますか？

.box-text a:not(.button) { min-height: 90px; }

サイト上にある：http://detitalienskekoekken.dk.linux99.unoeuro-server.com/shop/

Answer 1

.ajax_add_to_cart.add_to_cart_button.product_type_simple.button.primary.is-outline.mb-0.is-small { 
margin-top: 20px; 
width: 100%; 
padding: 5px 0 5px 0; 
background-color: #c31919; 
color: #FFFFFF; 
border-radius: 5px;} 

ボタンのCSSコードにする必要があります。

そして、HTMLを調整して休憩する必要があります。