Page 1 of 1

change box size of account & shipping details

Posted: Tue Dec 05, 2017 2:32 pm
by Dhara1937
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

Re: change box size of account & shipping details

Posted: Wed Dec 06, 2017 1:31 pm
by JohnB
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;
}

Re: change box size of account & shipping details

Posted: Thu Dec 07, 2017 12:25 pm
by Dhara1937
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?

Re: change box size of account & shipping details

Posted: Thu Dec 07, 2017 12:30 pm
by JohnB
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.

Re: change box size of account & shipping details

Posted: Thu Dec 07, 2017 12:51 pm
by Dhara1937
That was the trick.
Thanks, John!