• Resolved rickyp86

    (@rickyp86)


    Hello,
    Can you please tell me how to move the box in the center?

    https://s11.postimg.org/pp6g6hdlv/Immagine.png

    This my Style.css:

    /*—————————————-
    ** Testimonial —–
    —————————————–*/
    .testimonial {
    background: #e15836;
    padding-bottom: 90px;
    }
    .testimonial .section-header .section-legend {
    color: #FFF;
    }
    #client-feedbacks .feedback-box {
    width: 30%;
    background: #FFFFFF;
    padding: 25px;
    margin: 130px;
    text-align: left;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    z-index: 5;
    vertical-align: top;
    }
    .feedback-box .message {
    font-size: 15px;
    color: #777777;
    }
    .feedback-box .client {
    margin-top: 30px;
    height: 73px;
    position: relative;
    }
    .feedback-box .quote {
    float: left;
    font-size: 45px;
    line-height: 80px;
    }
    .feedback-box .client-info {
    float: left;
    margin-left: 18px;
    padding-top: 15px;
    }
    .feedback-box .client-info .client-name {
    font-family: ‘Homemade Apple’, serif;
    color: #404040;
    }
    .feedback-box .client-info .client-company {
    font-size: 13px;
    margin-top: -3px;
    }
    .feedback-box .client-image {
    float: right;
    width: 73px;
    height: 73px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #f6f6f6;
    }
    .feedback-box .client-image img {
    width:100%;
    height:100%;
    }
    .customNavigation {
    text-align: center;
    }
    .owl-theme .owl-controls .owl-page span {
    background: #886e0e;
    border-radius: 50%;
    }
    .customNavigation a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    .zerif_grid_col_4 > div,
    .zerif_grid_col_3 > div,
    .zerif_grid_col_2 > div,
    .zerif_grid_col_1 > div {
    margin-bottom: 30px;
    text-align: center;
    }
    .zerif_grid_col_4 {
    float: left;
    width: 23%;
    margin: 0 1.25% 0 1.25%;
    }
    .zerif_grid_col_3 {
    float: left;
    width: 31.5%;
    margin: 0 1.25% 0 1.25%;
    }
    .zerif_grid_col_2 {
    float: left;
    width: 48%;
    margin: 0 1.75% 0 1.75%;
    }
    .zerif_grid_col_1 {
    float: left;
    width: 100%;
    }
    .zerif_grid_first {
    margin-left: 0;
    padding-left: 0;
    }
    .zerif_grid_last {
    margin-right: 0;
    padding-right: 0;
    }
    #client-feedbacks.zerif_grid .feedback-box {
    width: 100%;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Box in Testimonial Section’ is closed to new replies.