Customize Contact Form

  • 1
  • Question
  • Updated 3 years ago
  • Answered
Hi dear experts,
I customized my contact form using the following codes:

<head>  <meta http-equiv-“X-UA-COMPATIBLE” content=”IE=9”/>
  <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge" />
</head>


<style type="text/css">
div.sys_yola_form input.text{

}
  
  
form, input  {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 300px; color: #ffffff;
    columns: 30;   
}

form {
    width: 300px;
   
}
  
  
input,textarea { 
display: inline-block;
vertical-align: baseline;  
background-color: #202020; 
border: solid 0px #000000;
color: #ffffff;  
columns: 30;  
width=300px;
}
    
  
label {
display: inline-block;
vertical-align: baseline;  
color: #0099cc;
font-weight: bold;
float: left;
width: 300px;  


  
input[type="submit"] { color:#ffffff; background:#0099cc; border-radius: 2px;  float:left; width:141px; height:41px;  cursor:pointer; margin:0px 10px 10px 10px;} 
  
  
</style>


It should show the submit button text in white and make all text entry and text area in one size, in return this is what in reality looks like, could you please help fix this?
 
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes

Posted 3 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi there!

Here's the code needed to make the "Submit" font color show up as white:

  div.sys_yola_form input.submit{color: #ffffff;}

Make sure you add this before the closing style tag.

Please let me know if you have any trouble with this.
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
It worked, thanks so much :)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Wonderful! I'm so glad it did!
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
Sanja, 

Please check the contact page in IE, it doesn't show the form, any solution for that?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Negar,

I am able to see your form working on IE:



You may need to check your flash and java settings or see if there is a browser add-on that is blocking your form from appearing.

What version of IE are you using? My screenshot is from IE11.
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
Thanks for getting back to me, this issue is resolved now.