How do we change the label words (“Choose File” and “No file chosen”)?

  • Resolved a4jp

    (@a4jpcom)


    3 years, 4 months ago

    How do we change the “Choose File” and “No file chosen” text? Sometimes I want to set the language by myself and other times I wanna fix the uppercase lowercase style of the text.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi @a4jpcom,

    Thanks for getting in touch!

    Those texts are typically not translatable because they are hardcoded on the browsers and different browsers may render these texts differently.

    There are some CSS hacks you might want to check out.

    .wpcf7-file::-webkit-file-upload-button {
  visibility: hidden;
}
.wpcf7-file::before {
  content: 'Select File';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.wpcf7-file:hover::before {
  border-color: black;
}
.wpcf7-file:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

    In case it helps, here’s how to add custom CSS in your site.

    You might also want to check out this article: https://www.quirksmode.org/dom/inputfile.html

    Please note that the File Upload Types do not have any control over it. So, I’m marking the issue as resolved.

    Have a good one! ??

Viewing 1 replies (of 1 total)
  • The topic ‘How do we change the label words (“Choose File” and “No file chosen”)?’ is closed to new replies.