Actually it does. I played with it. Below are the css codes I added. You can play with them to get what you desired.
/* STYLING MEKS SMART AUTHOR WIDGET */
.mks_author_widget img {
float: none !important;
margin: 0 auto !important;
margin-bottom: 15px !important;
display: table;
border-radius: 100px;
border: 2px dashed #011cc0;
padding: 4px;
-moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.63);
-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.63);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
.mks_author_widget {
text-align: center;
background: #e4ecf3;
}
.mks_author_widget .widget-title {
text-align: left !important;
}
.mks_author_widget .widget-title:before {
background-color: #e4ecf3;
}
.mks_autor_link_wrap a {
background: #001bc0;
color: #ffffff;
padding: 3px 8px;
border-radius: 4px;
}
.mks_autor_link_wrap a:hover {
background: red;
color: #ffffff;
padding: 3px 8px;
border-radius: 4px;
}
If you want a gradient color for the widget, you can try this.
.mks_author_widget {
text-align: center;
background: #e4ecf3;
background: -moz-linear-gradient(top, #ffffff 0%, #e4ecf3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4ecf3));
background: -webkit-linear-gradient(top, #ffffff 0%,#e4ecf3 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e4ecf3 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e4ecf3 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e4ecf3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#ffffff’, endColorstr=’#e4ecf3′,GradientType=0 );
}
