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 07-15-2013, 09:57 PM
Eat Real Whole Food's Avatar
Eat Real Whole Food is offline
Junior Member
 
Join Date: Nov 2012
Posts: 2
Default

How to enlarge Zip Code/City input fields on check out form?


I need to lengthen the input field of the zip code and city fields. I have included a screen shot of what I see when checking out using a small screen device. What is the code to increase the size of the input fields? I lost a sale today cause she could not enter her details.

thank you
Karen
Attached Images
File Type: jpg respon 2.jpg (41.7 KB, 146 views)
  #2  
Old 07-16-2013, 01:05 PM
Maya's Avatar
Maya Maya is offline
Ecwid Team
 
Join Date: Feb 2010
Location: Ecwid headquarter
Posts: 5,876
Default

Quote:
Originally Posted by Blue Yonder Soap View Post
I need to lengthen the input field of the zip code and city fields. I have included a screen shot of what I see when checking out using a small screen device. What is the code to increase the size of the input fields? I lost a sale today cause she could not enter her details.

thank you
Karen
Thank you for the report.

I have informed our engineers about this problem. They will look into it as soon as possible.

I will update you soon.
__________________
Maya N., Ecwid Team

------------------
Welcome to our new Help Center!
  #3  
Old 07-17-2013, 08:43 AM
Maya's Avatar
Maya Maya is offline
Ecwid Team
 
Join Date: Feb 2010
Location: Ecwid headquarter
Posts: 5,876
Default

Quote:
Originally Posted by Blue Yonder Soap View Post
I need to lengthen the input field of the zip code and city fields. I have included a screen shot of what I see when checking out using a small screen device. What is the code to increase the size of the input fields? I lost a sale today cause she could not enter her details.

thank you
Karen
Hello,

We have investigated this problem and found out that it has been caused by some styles for mobile devices in your site's theme. In order to fix this problem you should open following stylesheet: http://blueyondersoap.com/wp-content...fish/style.css and find CSS code there:
Code:
/* Landscape phones and down */
@media only screen and (max-width: 480px) {
...
        input[type="text"],
        input[type="password"],
        input[type="email"],
        textarea,
        select {
                width: 90% !important;
        }
...
}
...
/* Landscape phone to portrait tablet */
@media only screen and (max-width: 767px) {
...
        input[type="text"],
        input[type="password"],
        input[type="email"],
        textarea,
        select {
                width: 90% !important;
        }
...
}
and remove "!important" properly out there.

It should solve the problem.
__________________
Maya N., Ecwid Team

------------------
Welcome to our new Help Center!
  #4  
Old 07-17-2013, 05:37 PM
Eat Real Whole Food's Avatar
Eat Real Whole Food Eat Real Whole Food is offline
Junior Member
 
Join Date: Nov 2012
Posts: 2
Default Thank you!

Yes your fix corrected the problem, thank you for your help.

Karen
 
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 10:29 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.