Is it possible to change the layout?

Hi,

You should use custom CSS for that, which can be added at the custom CSS page in the Customizer.

But the problem is that all labels/fields are wrapped in a form group with the same CSS class. So if you change the width into for example 50% this will apply to all labels/fields.

When I update plugin I will add an extra unique class to each form group.

Meanwhile it’s quite difficult to create what you want. Only thing that is possible now, is your first and third option:

First option (change width of inputs):

#vscf .form-group input {width:60% !important;}
#vscf .form-group textarea {width:60% !important;}

Third option (2 columns):

#vscf .form-group {width:100%; float:left;}
#vscf .form-group label {width:30%; clear:none; float:left;}
#vscf .form-group input {width:60% !important; clear:none; float:left;}
#vscf .form-group textarea {width:60% !important; clear:none; float:left;}

But for the third option the privacy checkbox is not displayed properly this way. No fix for that yet.

Guido

Thanks for your reply. I hope you will add this functionality to the plugin one day. It’s really great that Very Simple Contact Form is so tiny – plugin size is 30 times less than Contact Form 7!

Hi,

Have updated plugin and all field groups have their own CSS class:

.vscf-name-group {}
.vscf-email-group {}
.vscf-subject-group {}
.vscf-captcha-group {}
.vscf-message-group {}
.vscf-privacy-group {}
.vscf-submit-group {}

So now it’s much easier to add custom style to each field. Example:

.vscf-name-group {clear:none !important; float:left; width:50%;}
.vscf-email-group {clear:none !important; float:left; width:50%;}

Guido