Credit Card Fields too Small

-- url of the page with the problem -- : clearwaterstesting.com/hikashop-menu-for...hop_shipping_methods
-- HikaShop version -- : 3.0.1
-- Joomla version -- : 3.6.5
-- PHP version -- : 5.6.29
-- Browser(s) name and version -- : Google Chrome Version 57.0.2987.133
-- Error-message(debug-mod must be tuned on) -- : No error message, issue is with sizing of credit card field info.

Hello, I noticed this morning that the fields for entering in certain elements of a customers credit card are way too small. I have my zoom set as it was before, and have changed nothing since this was last working. I've attached a snippet of the issue I am seeing. As you can see, Credit Card Owner, Credit Card Number, and Credit Card Validation Code are all way too small. Although the client can still fill out the forms, it scrolls and does not provide a large field entry box for them to reference and see their entire input. Please advise.

~Chris

Hi Nick, thank you for the prompt response, what would I need to provide you to show you the inconsistencies I am experiencing? I will be available all weekend to work this out with you and all week next week.

~Chris

Hi all, thank you for your responses and sorry for getting back so long. I don't know why I wasn't reading it right at first, but now I see where Nick was stuck. Nick, I made it so you have to enter an address and add at least one product which is weighted (they all have weights and dimensions) to obtain a shipping method. Shipping method should work, as I literally just sold quite a few products to a customer early last week. Maybe make up an address, or a US based address? (the only current shipping methods I have are USPS based so it may not have registered a French address).

I'm not sure why the CSS has changed in my template, I never messed with this part of my website. I've taken a snapshot of the CSS I believe is responsible (I have no idea, I'm not a programmer) by following Jerome's response. Please see the attached image, I hope this can lead you to help me find the resolution.

Also, please note that "Credit Card Owner", "Credit Card Number", and "Credit Card Validation Code" are all showing up really small like that (it only shows the last two of the users inputs).

~Chris

I'm going to go back and look for that CSS rule now. However in the interim, where would I put that automatic width adjustment code? I think I would prefer to use that if possible, especially if that was the default, which worked previously.

~Chris

Hi Nick and Jerome, I found the line of code that I thought would correspond to the change in width, it was line 52 in the Ananda custom.css, however when I changed this it changed almost all of my fields which could be filled. Any insight on how to only change the cc info fields?

Here is the code:

}

input.hikashop_product_quantity_field, input[type=text], input[type=password] {
width: 30px;
}

I changed it to 80% and it works pretty good, but now my product quantity field is super small.

~Chris