remove round corner

Hi there,

Thanks for reaching out!

Yes, you can remove the rounded corners on the checkout input fields by adding a bit of custom CSS to your site. Here’s a snippet you can use:

.checkoutwc .form-row input[type="text"], .checkoutwc .form-row select { border-radius: 0px !important; }

You can add this CSS to Appearance → Customize → Additional CSS in your WordPress dashboard.

Let me know if you need help with anything else!

Best regards,

Thanks for your follow-up!

By default, CheckoutWC uses rounded corners as part of its design style, and currently, there’s no built-in option in the UI to change that. Any customization beyond the default appearance — such as removing rounded corners — would require custom CSS.

That type of customization is outside the scope of our support, particularly on the free version of the plugin. The changes you’re aiming for involve identifying the specific selectors of the elements you’d like to modify and applying your own CSS rules accordingly. As a one-time courtesy, I provide the selector below.

.checkoutwc input,
.checkoutwc select,
.checkoutwc textarea,
.checkoutwc .checkoutwc-step,
.checkoutwc .checkoutwc-step__header,
.checkoutwc .checkoutwc-sidebar,
.checkoutwc .checkoutwc-payment-method,
.checkoutwc .checkoutwc-step__footer,
.checkoutwc .woocommerce-checkout-review-order-table,
.checkoutwc .wc_payment_methods,
.checkoutwc .wc_payment_method,
.checkoutwc .place-order {
border-radius: 0 !important;
}

If you’re comfortable working with CSS, you can use your browser’s developer tools to inspect the checkout elements and apply the styles you need. Otherwise, you may want to work with a developer to help achieve the design you’re looking for.