Notes on WordPress CSS

WordPress

Classes and tags to change CSS in most main menus.

.main-navigation li.menu-item a{
    font-family:
    font-weight:
    color:
} 

Styles to change a Ninja Form contact form.

.nf-form-fields-required{
	font-family: warnock-pro,serif;
    margin-bottom: 5%;
}

.nf-form-title h3{
	display: none;
}

label#nf-label-field-1{
	font-family: Raleway;
	font-weight: 300;
}

label#nf-label-field-2{
	font-family: Raleway;
	font-weight: 300;
}

label#nf-label-field-3{
	font-family: Raleway;
	font-weight: 300;
}

input.ninja-forms-field{
	border: none !important;
	background-color: transparent !important;
} 

input.ninja-forms-field{
	border-bottom: 1px solid black !important;
	background-color: transparent !important;
} 

input.ninja-forms-field:hover{
	border: 1px solid black !important;
	background-color: transparent !important;
} 

input.ninja-forms-field:focus{
	border: 1px solid black !important;
	background-color: transparent !important;
} 

.nf-form-content textarea{
	border: none !important;
}

textarea.ninja-forms-field{
	border-bottom: 1px solid black !important;
	background-color: transparent !important;
} 

textarea.ninja-forms-field:hover{
	border: 1px solid black !important;
	background-color: transparent !important;
} 

textarea.ninja-forms-field:focus{
	border: 1px solid black !important;
	background-color: transparent !important;
} 

#nf-field-4{
	color: black;
	border-bottom: none !important;
}

#nf-field-4:hover{
	border: none !important;
	background-color: #003332 !important;
	color: white;
}

Leave a Reply

Your email address will not be published. Required fields are marked *