Site logo

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

Viewing posts 1–5 of 5

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!

This archived topic is closed to new replies.