The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 08-04-2015, 01:30 PM
PDS's Avatar
PDS is offline
Junior Member
 
Join Date: Aug 2015
Posts: 2
Default

Checkout fields are too small, text is no visible.


I've set up Ecwid together with Stripe.

The issue I have is on the checkout page. The fields for capturing card details, security code and cardholder's name are all two small.

I can't see the text that is being typed into these fields.

The size of the fields needs to be increased.


  #2  
Old 08-04-2015, 02:00 PM
river's Avatar
river river is offline
Ecwid Team
 
Join Date: Feb 2015
Posts: 452
Default

Quote:
Originally Posted by undefined31 View Post
I've set up Ecwid together with Stripe.

The issue I have is on the checkout page. The fields for capturing card details, security code and cardholder's name are all two small.

I can't see the text that is being typed into these fields.

The size of the fields needs to be increased.


Hello,

I'm sorry that you have experienced this issue with the size of the input fields.

I took a look at your website and see that there are some CSS rules which interfere with the "height" parameter of these fields. The issue seems to be caused by your current Wordpress theme.

However, you may fix it quickly by adding a couple of other CSS rules to your currently active custom CSS theme in the Ecwid Control Panel -> Settings -> Design:

Code:
input.ecwid-amexTextField.ecwid-amex-cardNumberField {
    height: 40px !important;
}

input.ecwid-amexTextField.ecwid-amex-cSCField {
    height: 40px !important;
    width: 60px !important;
}
If you don't have a custom CSS theme yet, you may create a new one by clicking the "New CSS theme button".

If you already have one, please just paste the codes give above in it after all the rules you already have in there. Don't forget to activate the theme and hit "Save".

The result will be the following:



You may also change the height and width values to any pixel amount you like.

If there's anything else I can help you with, please feel free to ask! I'll be glad to.
__________________
Roman I.
Ecwid Customer Care Team

More tips and hints on Ecwid use in our Help Center

⬇ Please click Thanks if my reply helped you.
The Following User Says Thank You to river For This Useful Post:
PDS (08-04-2015)
  #3  
Old 08-04-2015, 02:09 PM
PDS's Avatar
PDS PDS is offline
Junior Member
 
Join Date: Aug 2015
Posts: 2
Default

Thanks for the rapid reply, Roman.

That has fixed the issue.

Pritpal
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 05:23 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.