Form Elements not appearing

[Clint Reed]

Hey there,

Some of the elements on my custom contact form on the contact page are not appearing like the check boxes and radial buttons. Also the submit button is all white and I’ve tried to play with the plugin CSS and doesn’t seem to work.

I have downloaded several contact forms; Contact Form 7, Custom Contact Form (currently installed), Fast Secure Contact form, etc. So I know it has something to do with Moonrise CSS, I just can’t find the line where it affects the forms. Please help thanks!!

Sean

[Bill Robbins]

Good Morning Sean,

Some of the styles there were a bit too overreaching. Here’s what you can do to change them in the version you’re using.

1. Go to the Appearance section in your WordPress dashboard and choose Edit.
2. From the list of files on your right, choose style.css
3. Find this section (near line 146):

   
   input,
   select,
   textarea {
   	border: none;
   }
   
   input,
   label,
   select,
   textarea {
   	color: #fff;
   	font-size: 14px;
   	-webkit-appearance: none;
   	border-radius: 0;
   	-moz-border-radius: 0;
   	-webkit-border-radius: 0;
   }
   
   a.button,
   input[type="button"],
   input[type="submit"] {
   	background-color: #999999;
   	color: #999999;
   	cursor: pointer;
   	font-weight: bold;
   	padding: 10px 20px;
   	text-decoration: none;
   	border: none;
   	transition: all 0.2s ease-in-out;
   	-webkit-transition: all 0.2s ease-in-out;
   	-moz-transition: all 0.2s ease-in-out;
   	-webkit-appearance: none;
   	border-radius: 0;
   	-moz-border-radius: 0;
   	-webkit-border-radius: 0;
   }
   
   a:hover.button,
   input:hover[type="button"],
   input:hover[type="submit"] {
   	background-color: #999999;
   }
   
   #author,
   #comment,
   #email,
   #url,
   input#s,
   textarea,
   input[type="text"],
   .gform_body input,
   .gform_body textarea {
   	border-left: 4px solid #999999;
   	padding-left: 5px !important;
   }
   

   and replace it with this:

   
   input,
   select,
   textarea {
   	border: none;
   }
   
   label {
   	color: #fff;
   }
   
   input,
   select,
   textarea {
   	font-size: 14px;
   	padding: 5px;
   }
   
   #author,
   #comment,
   #email,
   #url,
   input#s,
   textarea,
   input[type="text"],
   .gform_body input,
   .gform_body textarea,
   input[type="password"],
   input[type="email"] {
   	color: #3e3e3e;
   	-webkit-appearance: none;
   	border-left: 4px solid #2686B1;
   	padding-left: 5px !important;
   }
   
   form input.ccf-submit-button {
   	color: #3e3e3e;
   }
   

4. Save your changes.

See if that doesn’t help the form out some. If you have trouble, let me know.

Thanks,
Bill

[Author]

Posts