Textimonial List with Initials

mail@pastecode.io avatar
unknown
plain_text
19 days ago
2.2 kB
2
Indexable
Never
 /*START - add margin to pagination items CS*/
 .J-paginationjs-page{
    a{
       margin: 0 5px; 
    }
}
/*END add margin to pagination items CS*/

/*START- align initials with desc */
div.testimonials .author__image {
    position: relative;
    right: 14px;
    margin: 0;
    @media (max-width: 768px) {
        position: relative;
        right: 14px;
        margin: 0;
    }
}
div.redesign.testimonials .author__position{
    text-transform: capitalize;
}
.testimonials .author__image {
    background: transparent !important;
}


div.testimonials .container{
    padding-bottom:  0;
    .testimonials__item{
        margin: 0 0 12px;
        padding: 0 0 12px;
    }
}
/* END */
div.testimonials{
    padding: 76px 0 68px;
    @media only screen and (max-width: 768px){
            padding: 50px 0 26px;
    }
}


/* START - Update ‘Read More’ button theme style*/
div.testimonials .data-container{
   /* Button theme */
   
    .expand-link-container .btn-more{
        color: #000;
        &:hover{
        color: #000!important;
        }
        &:before{
            background:#ccc!important;
        }
        &:hover:before{
            background: #7C7A61!important;
        }
    }
    /* Transition animation */
    
     .testimonials__item-outer{
        &:not(.expanded){
            .btn-more.btn-expand{
                opacity:1;
                z-index: 1;
            }
        }
        &.expanding{
            .btn-more.btn-expand{
                opacity:0;
            }
        }
        &.expanded{
            .btn-more.btn-collapse{
                opacity:1;
            }
        }
        &:not(.expanded){
            .btn-more.btn-collapse{
                opacity:0;
            }
        }
        &.expanding{
            .btn-more.btn-collapse{
                opacity:1;
            }
        }
        &.collapsing{
            .btn-more.btn-collapse{
                opacity:0;
            }
        }
        &.expanded{
            .btn-more.btn-collapse{
                opacity:1;
                z-index: 1;
            }
        }
    }
}
/* END */
Leave a Comment