Spacing between fields

SELECTED ANSWER

replied on April 14, 2017 • Show version history

You can add CSS class called "large" to those Curr fields and CSS class called "small" to those Years fields and add following custom CSS in CSS and JavaScript tab to adjust the width of the fields.

.large select{width:90% !important;}
.small input{width:60% !important;}

1 0

replied on April 14, 2017

Hi Xiuhong, I tried and it worked. But the field year is a bit small. How do I make it the same size as the field curr but at the same time the spacing between the pairs must be larger than the space between year and curr

sincerely,

0 0

replied on April 14, 2017

Have you tried either applying the 'large' class to input fields like so:

.large select input {width: 90% !important;}

or changing the width for the 'small' class like so:

.small input {width: 90% !important;}

You might also try adjusting the margin for Year inputs like this:

.small input {width: 90% !important; margin: 0 25 0 0;}

Adjust the second numerical margin value until you achieve the spacing you need.

0 0

replied on April 16, 2017

You can change the small class to following to increase the width of the year.

.small input{width:75% !important;}

0 0

Question

Question

Answer

Replies

Sign in to reply to this post.