Adjust height off text box and select box

Hi Bob

As a subscriber to Chronoforms i was surprise a lot off chance special the lay-out in V4

Is there a possibility to adjust the height of the text box and select box see photo.

Thanks

Tom

[attachment=0]Mail.jpg[/attachment]

Hi tom-tom,

I agree with you that many of the boxes are spaced much more widely than I would like. But, of course you can change this either for all forms on the site by editing the CSS files, or for individual forms by adding a Load CSS action into the form OnLoad Event.

Bob

Hi Bob,

Thanks for the suggestion but i a user not a programmer.

Tom

Hi Tom,

Sorry but you are going to need to learn a little HTML & CSS - or to get help from someone who has. These are simple changes to make if you know what you need to change.

Bob

Hi Bob,

Thanks for your advise need to learn a little html & css so as your say this are simple changes to make if you know what you need to change or perhaps by changing product

Tom

Hi Tom,

On your site you will find this file: yoursite/components/com_chronoforms/css/frontforms.css

Open frontforms.css in a text editor and find the following code in line 21:

.ccms_form_element { margin-bottom: 10px; position: relative; padding: 10px 0px 10px 5px; /*border-bottom: 1px solid #dddddd;*/ clear: both;}

To achieve something similar to what you wanted, I changed the settings for margin and padding as follows:

.ccms_form_element { margin-bottom: 2px; position: relative; padding: 5px 0px 5px 5px; /*border-bottom: 1px solid #dddddd;*/ clear: both;}

Hope this helps,
Nick

Hi Nick,

Thanks for your help this make the space between the textbox smaller but I also like the height of the texbox smaller

Tom

@Tom, you can decrease the textbox height by decreasing the padding and margin at line 10 of the same file.

regards,
Max

Hi Max.

Thanks for your reply, it works perfectly .

Tom