Wordpress WooCommerce:更改产品数量区域上的向上/向下按钮的大小

Wordpress WooCommerce:更改产品数量区域上的向上/向下按钮的大小,wordpress,woocommerce,Wordpress,Woocommerce,我正试图调整WooCommerce中数量框中向上/向下箭头的大小,我完全被难住了 我希望它们的高度更大,这样更容易点击。任何帮助都将不胜感激;这个网站帮了我很多忙 最近,我有一个类似的WooCommerce需求,尽管我想缩小除移动设备以外的任何设备上的上/下数量微调器。您的站点似乎已关闭,但我在child themes style.css中添加了以下内容以覆盖默认设置(注意:我使用的是WooCommerce复合插件,该插件可能已修改HTML,因此需要css选择器) 感兴趣的主要领域是线条高度和填

我正试图调整WooCommerce中数量框中向上/向下箭头的大小,我完全被难住了

我希望它们的高度更大,这样更容易点击。任何帮助都将不胜感激;这个网站帮了我很多忙


最近,我有一个类似的WooCommerce需求,尽管我想缩小除移动设备以外的任何设备上的上/下数量微调器。您的站点似乎已关闭,但我在child themes style.css中添加了以下内容以覆盖默认设置(注意:我使用的是WooCommerce复合插件,该插件可能已修改HTML,因此需要css选择器)

感兴趣的主要领域是线条高度和填充的减少。这允许上/下微调器调整高度,同时保持+/-符号垂直居中。我将我的修改封装在一个媒体查询中,这样我就可以针对大于480px的任何对象


我想你可以做一些类似的事情,但只是增加线条高度和填充以适应。

这些箭头被称为微调器,你可以对其进行样式设置,看到这个例子了吗?嗨,谢谢,我只是尝试在其中设置样式,但似乎没有改变任何东西?我对正确的拼写做了一些小的更改,并且大小写保持一致。一篇有吸引力的文章将更快地吸引到合格的读者群,并有望带来更好的答案。
@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;
    }
}