Textimonial List with Initials
unknown
plain_text
a year ago
2.2 kB
9
Indexable
/*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 */Editor is loading...
Leave a Comment