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…



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.


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."

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