this code is Additional CSS .woocommerce-checkout #ship-to-different-address, .woocommerce-checkout .woocommerce-shipping-fields { display: none !important; } /* ===== Payment methods as big buttons ===== */ /* Space between methods */ .woocommerce-checkout #payment .wc_payment_methods .wc_payment_method { margin-bottom: 12px; } /* Main payment row (Cash on Delivery, UPayments, etc.) */ .woocommerce-checkout #payment .wc_payment_methods .wc_payment_method > label { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border: 1px solid #e1e1e1; border-radius: 6px; background: #fafafa; font-size: 16px; font-weight: 500; cursor: pointer; } /* Selected gateway – slightly darker background */ .woocommerce-checkout #payment .wc_payment_methods .wc_payment_method input[type="radio"]:checked + label { background: #CEDDD5; border-color: #176332; } /* Hide the tiny default radio bullet inside the label (we keep it for accessibility) */ .woocommerce-checkout #payment .wc_payment_methods .wc_payment_method > label input[type="radio"] { margin-right: 8px; } /* ===== UPayments inner payment types (Knet, Card, Samsung, Google, Apple) ===== */ /* Container under the UPayments gateway */ .woocommerce-checkout #payment .wc_payment_method .form-row .up-ptype, .woocommerce-checkout #payment .wc_payment_method .upayments-payment-type, .woocommerce-checkout #payment .wc_payment_method ul li.upayments-method { list-style: none; margin: 8px 0; } /* Turn each inner option into a button */ .woocommerce-checkout #payment .wc_payment_method .form-row .up-ptype label, .woocommerce-checkout #payment .wc_payment_method .upayments-payment-type label, .woocommerce-checkout #payment .wc_payment_method ul li.upayments-method label { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-radius: 6px; border: 1px solid #e1e1e1; background: #ffffff; cursor: pointer; font-size: 15px; } /* Selected inner type */ .woocommerce-checkout #payment .wc_payment_method .form-row .up-ptype input[type="radio"]:checked + label, .woocommerce-checkout #payment .wc_payment_method .upayments-payment-type input[type="radio"]:checked + label, .woocommerce-checkout #payment .wc_payment_method ul li.upayments-method input[type="radio"]:checked + label { border-color: #8bbf3f; background: #f6fbef; } /* Hide “Select Payment Type:” text if you want it cleaner */ .woocommerce-checkout #payment .wc_payment_method .uapco-select-payment-type, .woocommerce-checkout #payment .wc_payment_method p:contains("Select Payment Type") { display: none; }