Woocommerce stripe fields are too narrow in width

  • Resolved yaseenbava

    (@yaseenbava)


    5 years, 7 months ago

    Hello Everyone!
    I had stripe plugin installed on my website but it is showing details fields too narrow to right anything.
    Things which i have already tried:-
    1.Deactivating plugins other than woo
    2.Used custom css (it resolved appearance issue but i was still unable to enter anythung)
    3.SSL is installed.

    I need urgent help regarding this issue if someone can do it is highly appreciated thanks ?

    • This topic was modified 5 years, 7 months ago by yaseenbava.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi there!

    It looks like this issue isn’t being caused by width, but display.

    Your theme is setting .wc_payment_methods li * to display: inline-block;. This display style is affecting the cart inputs, when I believe they intended it to only affect the card icons.

    Your best bet would be to reach out your theme developers to fix the issue, but you can also fix this with a child theme: https://docs.woocommerce.com/document/set-up-and-use-a-child-theme/

    If you change the CSS selector in your child theme from .wc_payment_methods li * to .wc_payment_methods li label, it won’t auto-select all those fields, but just the icons (label).
    This CSS is located in: /wp-content/themes/kava/inc/modules/woo/assets/css/woo-module.css

    Thank you,
    Joey

    Hi again,

    Since it’s been a while since we’ve heard from you, I’m going to go ahead and close this thread out.
    You can always open a new question if you need any further assistance.

    Thank you,
    Joey

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Woocommerce stripe fields are too narrow in width’ is closed to new replies.