Form Elements not appearing

Support Area Forums Moonrise Form Elements not appearing

This topic contains 1 reply, has 2 voices, and was last updated by  Bill Robbins 2 years, 2 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
URL to the page in question: http://drinkordie.net
  • Author
    Posts
  • #31280

    Clint Reed
    Participant

    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

    #31284

    Bill Robbins
    Moderator

    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

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Form Elements not appearing’ is closed to new replies.