SIGN UP

File Upload Field Width Cut Off

By: Roger Rowles | Asked: 04/28/2022
Forums › Category: General questions › File Upload Field Width Cut Off
0 Vote Up Vote Down
Roger Rowles asked 3 years ago

Hey All,
 
For some reason, this happens to us all the time. The file upload field doesn't go the full width. I've tried to figure out if there is a setting or some conflicting CSS, but I'm scratching my head here. Does this happen to anyone else?
We use Elementor on most of our builds, but even just looking at a blank page for the preview, it happens.
 
Thanks in advance!
 
Screen Shot 1
 
Screen Shot 2

 

 

 

1 Answers
1 Vote Up Vote Down
Best Answer
Victor Font answered 3 years ago

Did you examine the field's CSS with your browser's inspection tool?

Roger Rowles replied 3 years ago

Thanks, Victor, just fixed that. Yes, I did, but couldn't seem to pinpoint it.

Victor Font replied 3 years ago

Please post a link to the page.

Victor Font replied 3 years ago

I tested this in my development environment. You have to override this CSS:

.frm_dropzone.frm_single_upload {
max-width: 200px;
}

Roger Rowles replied 3 years ago

Awesome, thank you! I don't know why I couldn't find that. More importantly, though, this happens on a lot of our sites, somewhat randomly. Any idea where that CSS might be coming from?

Victor Font replied 3 years ago

That CSS is Formidable's dropzone default. You can see the file in the plugin's Formidable Pro/css directory. I wouldn't change anything there, though. It will only change back with the next Formidable update.

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
crossarrow-right