credit card fields to narrow

Resolved enriqueborja
(@enriqueborja)

5 years ago

i instaled the woocommerce sripe plugin, eveithing is workig perfect except for the with of the credit card fields. it it to narrow

http://www.marquesadashop.com/IMG_3997.JPG

i tried using this CSS code

.wc-stripe-elements-field {
width: 100%;
}

but it only afected the date and the verification code fields but not the credit card number field.
http://www.marquesadashop.com/IMG_3997.JPG

any advice on how to resolve this?

Thanks in advance!

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

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

Cara
(@dcka)

5 years ago

Hi, @enriqueborja!

I just checked your site, and the Stripe fields are showing up fine for me at checkout:

Link to image: https://d.pr/i/1WgQYg

For reference, I viewed your site on a desktop using Chrome. I also viewed it on mobile with Chrome and encountered no issues.

Can you let us know if you’re still seeing narrow fields? If yes, which device and browser are you using? Can you also try viewing on an incognito window and seeing if that makes a difference?

Thread Starter enriqueborja
(@enriqueborja)

5 years ago

Hi, thanks for your reply! Yes it displays ok on that view, I think it’s called condensed fields? But when I change it to separate fields it does not displays correctly. I leave it for now on condensed fields u til I find a solution but I prefer the separate fields view.

I checked on multiple devices and computers and it’s the same on all of them.

Cara
(@dcka)

5 years ago

Hi again, @enriqueborja!

Thank you for that additional information. Normally, when there are these kinds of issues with checkout fields, we’ve found it’s been due to a conflict, either with another plugin or most likely your site’s theme.

To determine if that is the case here, I would recommend that you perform a conflict test.

From our conflict testing guide, probably the best tool is the Health Check plugin as it doesn’t affect how visitors see your live site. If you’re interested, we have a more in-depth guide on using that plugin for conflict testing here:
https://docs.woocommerce.com/document/troubleshooting-using-health-check/

You might want to try that out, and if you find that the issue was from a conflict, you can then reach out to the right developers for a possible fix!

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

The topic ‘credit card fields to narrow’ is closed to new replies.