Question

我正在尝试调整WooCommerce中数量框中向上/向下箭头的大小，我完全被难倒了！

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

Answer 1

最近我有一个类似的WooCommerce要求，虽然我想缩小除了移动设备以外的任何东西的上/下数量微调器。您的网站似乎已关闭，但这是我添加到我的子主题style.css以覆盖默认值（注意：我使用的WooCommerce Composite插件可能已经修改了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;
    }
}

感兴趣的主要领域是线高和填充的减少。这允许上/下旋转器调整高度，同时保持+/-符号垂直居中。我在媒体查询中包含了我的修改，因此我可以定位大于480px的任何内容。

我想你可以做类似的事情但只是增加行高和填充以适应。

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

1 个答案: