Buttons not rendering correctly

Hi Chris

You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

.widget .rbs_gallery_button .button-flat {
    text-shadow: none;
    background: #eee;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
}

.widget .rbs_gallery_button .button {
    display: inline-block;
    height: 32px;
    padding: 0 25.6px;
    font-family: "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    color: #666;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px white;
    vertical-align: middle;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
    background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e1e1e1));
    background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
    background: linear-gradient(to bottom, #fbfbfb, #e1e1e1);
    background-color: #eee;
    border: 1px solid #d4d4d4;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 1px 2px rgba(0, 0, 0, .15);
    margin: 0 5px 15px 0;
}