Archived topic
Vertical aligning of "Choose File" button and the file name text in contact form
4 replies · Started by Mark on May 31, 2019
I have a contact form (contact form 7) with a file attachment field. I would like to have the button and the actual file name to be vertically aligned in the container. I have been unsuccessful individually styling those two pieces. I only seem to be able to target the container that includes both pieces.
Can you help with the CSS code needed to align these two?
Thans
Hi there,
Try this CSS:
.wpcf7 input[type="file"] {
line-height: 1em;
padding: 5px;
font-size: 13px;
}
Thanks Tom,
That worked like a charm!
Mark
You're welcome :)
Great support!