Support » Plugin: Meks Smart Author Widget » No CSS?

  • Hello, am I doing something wrong, or the box comes with no CSS at all? How can I make it look like the photo on the plugin page header?

Viewing 2 replies - 1 through 2 (of 2 total)
  • 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 );
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘No CSS?’ is closed to new replies.