-
ipbr21054Asked on January 31, 2017 at 11:01 PM
-
Mike_G JotForm SupportReplied on January 31, 2017 at 11:25 PM
Please add the following CSS codes below to your form
div#cid_28, select#input_28 {
width: 160px !important;
}
Follow the instruction(s) given the in the guide below to learn how to add CSS codes to your form.
https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
-
ipbr21054Replied on February 1, 2017 at 5:09 AM
Thanks for the reply.
I did try that last night but made no difference so i asked the question.
This morning i tried again & this time it did make a difference,thanks.
Pc cache ??
Anyway i now have in place the following code.
Its the same code to make the field box wide BUT with the addition to make the text within that field center as currently its to the left.
Having said that there is no change at all ???
Form 70304482166351
div#cid_28, select#input_28 {
text-align : center;
width: 160px !important;
}
-
sethReplied on February 1, 2017 at 5:29 AM
Hello,
It is hard to style drop-down selection. Also you need to implement some code to make it compatable in all browsers. Here take a look at these forum threads:
http://stackoverflow.com/questions/10813528/is-it-possible-to-center-text-in-select-box
http://stackoverflow.com/questions/21665137/centre-align-drop-down-list-text
However, there is a partial solution for Chrome. Instead of text-align property, you can use text-align-last property, which will center the selected option on the form:
I hope this answer helps. Please feel free to contact us for your further queries.
Regards.
-
ipbr21054Replied on February 1, 2017 at 6:01 AM
Hi,
Now sorted.
Im learning how to do this but i find each day etc the page changes or the site gets updated often.
Learning this then make=s me having to figure out what just happened.
Thanks for the help.
-
sethReplied on February 1, 2017 at 6:04 AM
You are welcome.
We are here to help our customers, hence please do not hesitate to contact us for your further queries.
All the best!