WooCommerce：更改產品數量區域上的上/下按鈕的大小

我正試圖調整WooCommerce中數量框中向上/向下箭頭的大小，並且我完全難倒了！WooCommerce：更改產品數量區域上的上/下按鈕的大小

我希望它們的高度更大，所以它們更容易點擊。任何幫助將不勝感激;這個網站幫了我很多忙。

2015-03-02 Proximity86

這些箭頭被稱爲紡紗器，你可以設計它，看到這個例子http://jsfiddle.net/BnEmn/1/ – jean 2015-03-02 12:47:46

嗨，謝謝你，我只是想在那裏造型，但似乎沒有改變任何東西？ – Proximity86 2015-03-02 13:01:34

我對拼寫進行了小改動，並且在大小寫時保持一致。一個有吸引力的職位將更快地收集合格的讀者，希望能帶來更好的答案。 – hardmath 2015-03-06 19:17:59

最近我有一個類似的WooCommerce的要求，雖然我想收縮在任何東西，但移動向上/向下數量微調。您的網站似乎是下降，但這裏是我加入到我的孩子主題的style.css覆蓋默認值（注：我用的是WooCommerce複合插件，它可能已經修改了HTML，因此需要CSS選擇器）

@media (min-width: 480px) { 
    .product-info .product-content #product .add-to-cart .cart .quantity{ 
     width:74px !important; 
    } 

    .product-info .product-content #product .add-to-cart .cart .quantity input[type="number"]{ 
     padding:6px !important; 
     text-align: center !important; 
    } 

    .product-info .product-content #product .add-to-cart .cart .quantity input[type="button"]{ 
     line-height:1em !important; 
     height:15px !important; 
    } 

    .product-info .product-content #product .add-to-cart .cart .quantity{ 
     margin-right:10px !important; 
    } 
}

感興趣的主要領域是減少行高和填充。這允許上/下旋鈕調整高度，同時保持+/-符號垂直居中。我在媒體查詢中包裹了我的修改，因此我可以定位大於480像素的任何內容。

我想你可以做類似的事情，但只需增加行高和填充以適應。

來源

2015-03-23 14:34:44 meerkatlookout

WooCommerce：更改產品數量區域上的上/下按鈕的大小

回答

相關問題