Green Bar Around Form after Submitting
-
I created my form and applied some CSS to style it into two columns using a few articles I found on the interwebs. When I click on my Submit button, I get a green box around the form. I have no idea why, as I’m not seeing any of my CSS doing this. Here is a screenshot of what the green box looks like: https://i61.tinypic.com/vdlab6.png
Here is my CSS:
#responsive-form{
max-width:900px /*– change this to get your desired form width –*/;
margin:0 auto;
width:100%;
}
.form-row{
width: 100%;
}
.column-half, .column-full{
float: left;
position: relative;
padding: 0.65rem;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.clearfix:after {
content: “”;
display: table;
clear: both;
}/**—————- Media query —————-**/
@media only screen and (min-width: 48em) {
.column-half{
width: 50%;
}
}.wpcf7 input[type=”text”], .wpcf7 input[type=”email”], .wpcf7-select, .wpcf7-tel , .wpcf7 textarea {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.wpcf7 input[type=”text”]:focus{
background: #fff;
}
.wpcf7-submit{
float: right;
background: #075992;
color: #fff;
text-transform: uppercase;
border: none;
padding: 8px 20px;
cursor: pointer;
}
.wpcf7-submit:hover{
background: #ccdce9;
}Any idea why this green box happens?
- The topic ‘Green Bar Around Form after Submitting’ is closed to new replies.