Card input fields font size

Hi @19db,

im trying to make the input field text 16px, especially on smartphone, because if the size is smaller, the screen automatically zooms when the field is in focus. unfortunately, i tried with css, but i wasnt able to make it work. Can you provide a solution on how to make the font size 16px?

From what I understand, you’re looking to adjust the font size of your card input fields to 16px, especially for mobile devices. This change will help avoid automatic screen zooming when the field is in focus. You’ve mentioned that you’ve attempted this with CSS but haven’t had any success yet.

Here’s a solution you could try. Apply the following CSS code:

#payment .payment_methods li .payment_box fieldset { 
font-size: 16px !important; 
}

This code specifically targets the payment fieldset within the payment box. This box is nestled within the payment methods list item in the payment section. The !important rule helps to override any other styles that might be conflicting with the font size of these elements.

Here’s how you can add this CSS to your website:

1. Open your WordPress dashboard.
2. Navigate to Appearance -> Customize -> Additional CSS.
3. Copy and paste the CSS provided into the Additional CSS box.
4. Hit the “Publish” button to save your changes.

Image Link: https://s6.gifyu.com/images/S6yy9.gif

Please keep in mind that the actual CSS selector could differ depending on your theme and any other plugins you might have installed. If this solution doesn’t work, I suggest inspecting the page elements to find the correct CSS selectors.

I hope this solution works for you! If you have any more questions or if the problem continues, please feel free to get in touch.

You’re welcome, @19db! We’re happy that we’re able to assist you!

I’m going to mark this thread as resolved, but please don’t hesitate to start a new topic if you have any more questions down the line. Also, if you have a few minutes, we’d love if you could leave us a review: https://ww.wp.xz.cn/support/plugin/woocommerce/reviews/

Thank you and have a wonderful day!