[Resolved] Vertical aligning of "Choose File" button and the file name text in contact form

Home Forums Support [Resolved] Vertical aligning of "Choose File" button and the file name text in contact form

Home Forums Support Vertical aligning of "Choose File" button and the file name text in contact form

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #916569
    Mark

    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

    #916698
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Try this CSS:

    .wpcf7 input[type="file"] {
        line-height: 1em;
        padding: 5px;
        font-size: 13px;
    }
    #916744
    Mark

    Thanks Tom,

    That worked like a charm!

    Mark

    #917038
    Tom
    Lead Developer
    Lead Developer

    You’re welcome 🙂

    #917097
    Mark

    Great support!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.