Ninja Forms by default looks very blank.
Use the following CSS to make your ninja forms looks awesome! Be sure to change the background, text and border colors as commented on below.
[sourcecode]
/* NINJA FORMS SEXINESS SCRIPT BY SAGEDREAD */
.ninja-forms-field, .ninja-forms-field:active{
background: #000000 !important; /*CHANGE THIS COLOR FOR BACKGROUND OF ALL ELEMENTS*/
color: #ffffff !important; /*CHANGE THIS COLOR FOR TEXT OF ALL ELEMENTS*/
}
.ninja-forms-field{
padding:10px !important;
border-radius:10px;
display:block;
border: 2px solid #cccccc !important; /*CHANGE THE BORDER OF ALL ELEMENTS*/
font-weight:bold;
font-size:18px;
}
.ninja-forms-field:active, .ninja-forms-field:hover{
border: 2px solid #ffffff !important; /*CHANGE THE HOVER COLOR BORDER OF ALL ELEMENTS */
opacity: 0.9;
}
.submit-wrap input[type=’submit’]{
width:100% !important;
cursor:pointer !important;
display:block !important;
}
.ninja-forms-all-fields-wrap{
display:block;
padding:10px;
border-radius:10px;
border: white;
background: rgba(250,250,250,0.8);
}
.ninja-forms-all-fields-wrap label{
font-size: 18px;
}
/* END NINJA FORMS SEXINESS */
[/sourcecode]
Recent Comments