Как мне создать код CSS, чтобы переопределить существующие точки останова темы в Custom CC?

Question

Я использовал Google Chrome для проверки корзины моего веб-сайта 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:

• From Appearance >> Customize >> Additional CSS, затем добавьте новый css код.

• Откройте файл стиля дочерней темы. css и измените css.