Usé Google Chrome para inspeccionar el carrito de mi sitio web WooCommerce y noté que el tema que estoy usando actualmente tiene el siguiente conjunto de códigos 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);
}
¿Cómo uso CSS personalizado para cambiar los puntos de interrupción de la siguiente manera:
@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);
}
.