How to style the file upload field nicely

By: Anselm Obilor | Asked: 06/15/2022
ForumsCategory: General questionsHow to style the file upload field nicely
Anselm ObilorAnselm Obilor asked 2 years ago
How do i edit file input field to have the styling on the first picture and not to show like the default style please thanks.   
2 Answers
Victor Font answered 2 years ago
You have to use the frm_compact CSS class in the field's CSS Layout Classes field. This will give you the smaller single-line button. Then you can apply your custom CSS to .frm_compact_text > button.
Rex AZRex AZ answered 2 years ago

In addition to @Victor Font's comment, you can also disable the dropzone after adding the frm_compact CSS class in the layout class fields.
Simply add this to your function.php child theme or code snippet plugin. 

add_filter( 'frm_load_dropzone', '__return_false' );

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community