Reviews Feed Custom CSS Style 2

This is a demo of a custom CSS applied to the Box Reviews 1 pre-defined layout that you can compare it here.

Custom CSS template

To use this design for your reviews feeds, just copy/paste this CSS into the Custom CSS field.


.border-boxes {
    box-shadow: 0 0 15px 0 rgba(18,25,33,.1);
    border-radius: 10px;
}
.image-wrapper {
margin: 10px 0 !important;
}
.gutter-images {
    padding-left: 0px !important;
    padding-right: 20px !important;
}
.review-grid-group {
    background-color: #ecf5fe;
}
.text-center {
    text-align: left;
}
.center-block {
    margin-left: 0;
    margin-right: 0;
}
.review-grid-text {
text-align: left;
    font-size: 16px;
    clear: both;
    margin: -20px;
    padding: 60px 20px 60px 20px;
    background: #fff url(https://embedsocial.com/wp-content/uploads/2018/04/quotes-box.png) no-repeat 10% 20px;
}
.review-img-avatar-boxed-1, .div-img-boxed-1 {
border: none;
width: 50px;
    height: 50px;
float: left;
    margin: 0px 10px 20px 0px;
}

.reviewer-name {
color:#0083ff;
    font-size: 15px;
    margin: 0px;
padding:0px;
}
.review-grid-social-icons {
    display: none;
}

.review-grid-stars {
position:absolute;
bottom:10px;

}
.push-5 {
margin:0px !important;
}
.review-date-boxed-1 {
padding:0px;
}
.logo-facebook, .logo-google {
border-radius:4px;
bottom:20px;
right:10px;
top:auto;
}

Start with this widget