Change width of a database record/form field via CSS page input line

[Virg Amaral]

I need help as a suggestion from another author of the “participant-database plugin” in order to have the size of the field record changed when editing, as something that has to be done via CSS page of the theme. I’ve been trying to find a way to do that without success so I decided to ask you for help. So the question is how can I change or assign the input line to be the width that I desire.

[Towfiq I.]

can I see the page where this issue can be ovserved? or a screenshot maybe?

[Virg]

Shure Towfiqi, I believe this link can show you the issue http://www.spassoart.com.br/img/theron_pro_support.jpg

[Towfiq I.]

hmm.. can you send me the page link?

[Virg]

Hi Towfiqi, please use this link: http://www.apolo.art.br/Meu%20Cadastro/?pid=LCR58

[Towfiq I.]

the text area fields can have auto grow feature but not the text fields.

you can increase the text fields size by adding this to your stylesheet:

.text-line input{width:270px;}

and the open up other.js from the “js” folder and add the code you find in this link to the very bottom:
https://raw.github.com/jevin/Autogrow-Textarea/master/jquery.autogrowtextarea.min.js

then open up functions.php and add this:
jQuery(".text-area textarea").autoGrow();

after this:

     <script type="text/javascript">
	/* <![CDATA[ */
		jQuery().ready(function() {

[Virg]

Super! It worked right on! Thanks a lot Towfiqi, this was just what I asked. I am happy enough.
Now lets go a little further, is there a way to assign different sizes for different fields?

[Towfiq I.]

let me know how do you want to resize each field.