Card Input fields Width is very less

  • Resolved sniperkill

    (@sniperkill)


    6 years, 10 months ago

    Hello

    Input fields where users enter their Card Details have very less width. Upon inspection, I notice that the width is coming from Stripe’s Iframe and I cannot change or manipulate that using CSS.

    Please check this screenshot https://i.imgur.com/z0iH21Y.jpg

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thomas Shellberg

    (@shellbeezy)

    Automattic Happiness Engineer

    6 years, 10 months ago

    Hey @sniperkill,

    It looks like the width issue has been fixed. I’ve seen this happen if the Stripe JavaScript doesn’t fully load or there is a JavaScript error on the page. Was that the case?

    Thread Starter sniperkill

    (@sniperkill)

    6 years, 10 months ago

    @shellbeezy I did not check for Javascript error, but the issue was showing all the times whenever I checked.

    I found a way to manipulate CSS from my own site which finally reflected those input fields. If you want to test it, I can take my CSS off for some time for you to have a look.

    Let me know

    Thanks

    Plugin Support Thu P. a11n

    (@thup90)

    6 years, 10 months ago

    Hi there sniperkill,

    I’ve tested this on my test site, and it looks like there’s also the “width: 1px;” from the iframe element: https://cld.wthms.co/EIUDhx, but the fields display normally on my site: https://cld.wthms.co/2DN6aw

    So the issue wasn’t about the “width: 1px”, my guess is similar to Tommy’s – a JavaScript error. but whatever you did in the CSS, it has resolved the issue.

    I’m going to mark this as resolved for now. If you have any other questions, please feel free to open a new topic.

    • This reply was modified 6 years, 10 months ago by Thu P. a11n.
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Card Input fields Width is very less’ is closed to new replies.