Salient Theme Form Submit Button Styling

April 21, 2016

The styling of the submit form button that appears in the Salient theme can be customised.

See before and after…

Before:

After:

The above images do not display the hover color. Move your mouse over the submit buttons on the right side bar for a live preview.

Instructions:

The following CSS can be added to wp-admin > Salient > General Settings > CSS/Script Related to customise the display of general form submit buttons.

/* Submit button font, size and color */
input[type=submit], button[type=submit], input[type="button"] {
 font-family: "Domine";
 background-color: #27CFC3 !important;
 padding: 7px 11px;
 border: none;
 color: #fff;
 cursor: pointer;
 transition: all 0.2s linear 0s;
 -moz-transition: all 0.2s linear 0s;
 -webkit-transition: all 0.2s linear 0s;
 -o-transition: all 0.2s linear 0s;
 width: auto;
 font-size: 14px; 
 border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 -o-border-radius: 2px;
}

/* Submit button hover font, size and color */
input[type=submit]:hover, button[type=submit]:hover, input[type="button"]:hover {
 background-color: #333333 !important;
}
Share this:
About Bharat Karavadra

"I research and share leading-edge information, tools and exercises to help people transform and heal their life situations."

Share your thoughts

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

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
Bharat Karavadra