Here's how to do it
Should open the style.css is located here
.../wp-content/plugins/mingle-forum/default-skin/Default/style.css
and add that these classes.
/*ddart button ---------------------------------------*/
#wpf-post-submit,
#wpf-search-submit,
#quick-reply-submit,
#wpf-login-button,
#wpf-login-button,
#wpf-edit-button,
#wpf-wrapper input[type=submit]{
background: #FC6700; /* Old browsers */
background: -moz-linear-gradient(top,#FFB61F 0%, #FC6700 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFB61F), color-stop(100%,#FC6700)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFB61F 0%,#FC6700 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFB61F 0%,#FC6700 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FFB61F 0%,#FC6700 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFB61F', endColorstr='#FC6700',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #FFB61F 0%,#FC6700 100%); /* W3C */
border: 1px solid #E55E00;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #FFFFFF;
text-shadow: 0px 1px 0px #444444;
cursor: pointer;
font: normal 12px/20px Arial, Tahoma, Verdana, sans-serif;
outline: none;
padding: 3px 6px;
text-align: center;
text-decoration: none;
line-height: 14px;
text-decoration: none;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
font-weight:bold;
margin: 2px 0px !important;
vertical-align:middle;
}
#wpf-post-submit:hover,
#wpf-search-submit:hover,
#quick-reply-submit:hover,
#wpf-login-button:hover,
#wpf-login-button:hover,
#wpf-edit-button:hover,
#wpf-wrapper input[type=submit]:hover{
background: #DD9F03;
background: -moz-linear-gradient(top, #FCDA86 0%, #DD9F03 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCDA86), color-stop(100%,#DD9F03)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FCDA86 0%,#DD9F03 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FCDA86 0%,#DD9F03 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FCDA86 0%,#DD9F03 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCDA86', endColorstr='#DD9F03',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #FCDA86 0%,DD9F03 100%); /* W3C */
border: 1px solid #FF8A00;
padding: 3px 6px;
outline: none;
text-decoration: none
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
vertical-align:middle;
}
/*ddart button end ---------------------------------------*/
So buttons everywhere will be orange.
But if you do not like that orange can show me exactly what you want and I'll edit it for you
|