Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1
cyclone7

Is there a way to change the size of form fields?

Question

11 answers to this question

Recommended Posts

  • 3

Adjusting the height, width, and alignment of the whole form, add to the Custom CSS Editor:


form {
 width: 550px;
 height: 450px;
 margin: auto;
 position: relative;
}

CSS for adjusting the height and width of your input fields:


input {
 width: 375px;
 height: 25px;
}

Of course, you can use whatever dimensions work best for you.

Edited by adamvega29

Share this post


Link to post
  • 1

You can use the code in the page with the form block like this


<style>
form {
width:100%;
height:450px;
margin:auto;
position:relative;
}
 input {
width:100%;
height: 25px;
 }
</style> 

Share this post


Link to post
  • 0

Having problems with part of this code in Internet Explorer:


input {
 width: 375px;
 height: 25px;
}

Internet Explorer won’t allow me to type in the input boxes when I adjust the height to 25px. Works fine if it’s 30px, but then the text isn’t centered in the box.

Edited by ehermesman

Share this post


Link to post
  • 0

@julie1020 I just found this snippet of code on the forum; hopefully it's what you needed...

/commission form margins/ .form-wrapper .field-list .field { position: relative; margin: -6px -10px 12px; }

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...