Change text "Select file" in Contact Form 7

Question

Change text "Select file" in Contact Form 7

Navigation

#1 by (1 votes)

1

How could I change the text in the file field of the contact form 7 plugin in Wordpress?

Currently the upload button says "Select file" and has a placeholder that says "No file was chosen". I would like to change the text of the button and delete the placeholder.

The link where you can see it is here: link

I remain attentive, Thank you very much

html css wordpress contact-form-7

asked by Rolly Chin 09.02.2018 в 20:20

source

1 answer

How to add a matrix and headings to a DataFrame that already has an index shine 3D effect css

score 1 · Accepted Answer

The solution is this:

Enclose the input in a div and add the text we want in the button with a paragraph type label and give it a css style. Here the codes:

* {
	margin:0px;
	padding:0px;
	font-family: helvetica;
}

p#texto{
	text-align: center;
	color:white;
}

div#div_file{
	position:relative;
	margin:50px;
	padding:10px;
	width:150px;
	background-color: #2499e3;
	-webkit-border-radius:5px;
	-webkit-box-shadow:0px 3px 0px #1a71a9;
}

input#btn_enviar{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	opacity: 0;
}

<form action="procesar.php" method="">
  <div id="div_file">
    <p id="texto">Add file</p>
    <input type="file" id="btn_enviar">
  </div>
</form>