change box size of account & shipping details

Need help? Please give a detailed explanation of your problem.
Post Reply
AllPro Expert
AllPro Expert
Joined: Wed Mar 16, 2016 1:06 pm
Website: www.webrose.net

change box size of account & shipping details

  • Quote

Post

Hi.
I'm hoping this is an easy fix.
The box that would show the State is too small for the state abbreviation to appear.
An "Inspect element" showed that box as .form-control.
Currently, it's set to width as 100%, which is affecting all the boxes in that screen (where customers input their shipping address details).
What would I add to the stylesheet to change just the width of the State input box so that the state abbreviations show?
If I change it to 30 in the inspect element window, just the state box does change, but I also get an "invalid property value" warning and the "width: 30; gets crossed out.
Thanks for your help.
Here's the affecting page http://www.thefeltingsource.com/secure- ... .php?email

-Dhara
Support Team
Support Team
Website: www.allprowebtools.com

Re: change box size of account & shipping details

  • Quote

Post

You can use something like this on the stylesheet under Settings->Administrator and adjust the width however you like:

Code: Select all

#statein > select {
  width: 100px;
}
AllPro Expert
AllPro Expert
Website: www.webrose.net

Re: change box size of account & shipping details

  • Quote

Post

Hi there.
Thanks for the code.
I inputted it into the style sheet (200px) and nothing changed.
Could you please take a look and let me know how to remedy this??
Thanks much!
http://www.thefeltingsource.com/secure-create-buyer.php?
Support Team
Support Team
Website: www.allprowebtools.com

Re: change box size of account & shipping details

  • Quote

Post

Stylesheet changes do not always take immediate effect due to caching. I would recommend trying to refresh the screen while holding the shift key.

You can also go to Settings->DNS Records and near the top right turn caching off for 3 hours. One, or both of these items should allow you to see the changes.
AllPro Expert
AllPro Expert
Website: www.webrose.net

Re: change box size of account & shipping details

  • Quote

Post

That was the trick.
Thanks, John!
Post Reply