如何在自定义CC中创建CSS代码来覆盖现有的主题断点？

Question

我用谷歌浏览器检查我的WooCommerce网站的购物车，我注意到我目前使用的主题有以下CSS代码集。

@media only screen and (max-width: 480px)

.woocommerce-cart table.cart td.actions .coupon {
    float: none;
    width: 100%;
    text-align: center;
    padding-bottom: 1em;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

我如何使用自定义CSS来更改断点，如下所示。

@media only screen and (max-width: 535px)

.woocommerce-cart table.cart td.actions .coupon {
    float: none;
    width: 100%;
    text-align: center;
    padding-bottom: 1em;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

Answer 1

尝试使用这些方法之一来调整或覆盖css。

• 从外观>>自定义>>附加CSS，然后添加新的css代码。

• 打开子主题的style.css文件，修改css。