Skip to content

การปรับให้ปุ่มสั่งซื้อกว้างเต็มจอ

สามารถเพิ่ม css ชุดนี้เพื่อเปลี่ยนการแสดงผล

@media (max-width: 1023px) {
body.woocommerce-page .order-total {
position: inherit;
padding: 0;
width: 100%;
background: transparent;
display: table-row;
}
body.woocommerce-page .order-total th {
text-align: left;
font-size: unset;
}
body.woocommerce-page .checkout-button {
width: 100%;
}
}

ผลลัพธ์

  1. รูปแรกคือค่ามาตรฐาน
  2. รูปที่ 2 คือเมื่อใส่ CSS เพิ่ม

Half width button

Full width button

วิธีการเพิ่มโค้ด CSS