[Resolved] Resize height of front-end toolset forms

[Author]

Posts

[Gauthier Willemse]

Tell us what you are trying to do?
I am trying to decrease the height of frond-end toolset forms (input types like text, select, and others) I tried using CSS styling, but this only affects the text and not the input form (box, if you will) itself.

Is there any documentation that you are following?
I tried to find the solution here: https://toolset.com/course-lesson/styling-front-end-forms/

Is there a similar example that we can see?
/

What is the link to your site?
hidden link

[Mateus Getulio]

Hello there,

Thank you for contacting our support forum!

Could you please try to add this CSS code in the ‘Customize’ section of your theme?

#cred_user_form_5076_1_1_first_name {
	height: 10px !important;
}

#cred_user_form_5076_1_1_last_name {
	height: 10px !important;
}

#cred_user_form_5076_1_1_degree {
	height: 10px !important;
}

I have included the first three fields in the form, but you can see that all of them starts with #cred_user_form_5076_1_1_, and then the field name. You just have to copy it and apply for the other fields. Also, resize the height according to your preferences.

Please let us know if it works for you. Thanks!

Kind regards,
Mateus.

[Gauthier Willemse]

Hi Mateus,

Thank you for your quick support. Unfortunately, it didn't work, but I've found a way by using this selected: ".wpt-form-textarea, .wpt-form-textfield, .wpt-form-select"

Thanks!

[Mateus Getulio]

Hi there,

Thanks for your reply.

Glad that you were able to resolve this.

I hope we are good to close here. Feel free to contact us any time if you need assistance with our products. Thank you!

Kind regards,
Mateus.