Testimonials REad More color

 avatar
Sally
css
a year ago
1.3 kB
1
Indexable
Never
/* START - Update 'Read More' button theme style*/

div.testimonials .data-container{
   /* Button theme */
   
    .expand-link-container .btn-more{
        color: #D8B785;
        &:hover{
        color: #C2A170!important;
        }
        &:before{
            background:rgba(0, 0, 0, .4)!important;
        }
        &:hover:before{
            background: #000!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 */