Hello @jordankellett ,
If I understand correctly, you are trying to use the same font as your site for the WooCommerce Payment’s credit-card field area, right?
By default, the credit card area will use the same font the site has by default for body. I have checked with other themes locally and confirmed that it picks up the font that the theme used by default.
On your site, you have the “Roboto” font set but the .Label class is set to have the font “Mali”. I am not exactly sure where your theme implements this font. You can try overriding the font family using this CSS in your Appearance > Customize > Additional CSS field:
.Label {
font-family: "Roboto";
}
I was wondering whether you’d be able to shed some light on whether It’s possible to remove border
The border is probably also coming from your theme. You can override that using:
payment .payment_methods li .payment_box.payment_method_woocommerce_payments fieldset {
border: 0;
}
If none of the solution work, first switch your theme to Storefront to verify that the current theme was overriding the styles. Then contact the theme developers for the correct suggestions.
Thank you 🙂
