[ScottParticipant]

Hi Folks!

Please can you help? I have several ContactForm 7 forms on my site, but I cannot figure out two things:

1. How do I vertically align the “Choose File” button with the filename text (see attached image… button and “no file chosen” text are misaligned).

2. How do you change the text of the button?

3. How do you change the size and color of the filename text?

I’d like my file upload area to look identical to your “Attachments: (Max file size 512KB)” section on this forum, when creating a topic and/or submitting a reply (below the box I’m typing this in now).

Thank you for your help!!!

[ScottParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for writing in! To resolve this issue, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

input[type="file"] {
    margin-top: 2px;
    line-height: 1;
    vertical-align: middle;
}

input[type="file"]::-webkit-file-upload-button {
	font-size: 12px;
}

Please let us know if this works out for you.

[ScottParticipant]

Brilliant. Thank you!

[FriechModerator]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts