Melissa Temple

 avatarBnnthpnzln
Publica year ago26 Snippets
Search
Language
Sort by
📅 Created Date
Order
 /*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 96px;
    @media only screen and (max-width: 768px){
            padding: 50px 0 64px;
    }
}


/* 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: #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 */

Newsletter Sign Up

cssa year ago
div.newsletter-signup__form-container{
    h2, .lp-text--subtitle, span.lp-tcr-message{
     color: #fff;
        
    }
    .newsletter-signup__form-item.lp-input{
        color: #fff;
    }
}

button.close{
    opacity: 1;
    color: #fff;
    @media only screen and (max-width:768px){
        color: #fff;
    }
}
/*START - Header Nav Logo Increase Logo - WB Benneth*/
nav#global-navbar .header .logo img {
    max-height: 70px;
}
/*END - Header Nav Logo Increase Logo*/
/*start fix btn on mobile*/
div.home-valuation{
    .search-wrapper{
    
        @media only screen and (max-width:768px){
            button.lp-btn{
                border-color:#000!important;
                background-color: transparent!important;
                color:#000!important;
                font-size:11px!important;
                &:hover{
                border-color:#000!important;
                background-color:#000!important;
                color: #fff!important;
                }
                margin-bottom: 0;
            }
        }
        @media only screen and (max-width:767px){
            button.lp-btn{
                border-color:#fff!important;
                background-color: transparent!important;
                color:#fff!important;
                font-size:11px!important;
                &:hover{
                border-color:#fff!important;
                background-color:#fff!important;
                color: #000!important;
                }
                margin-bottom: 0;
            }
        }
    }
}


@media only screen and (max-width:768px){
    div.hv-form__footer .lp-btn {
        font-size:11px;
    }
}
/*end*/
/*START - change prev and next link color */
div.redesign.featured-properties-section ul.slick-links-nav {
    span.spacer {
        background-color: #000;
    }
    li span.link {
        color: #000;
        &:hover:not(.slick-disabled){
            color:#555;
        }
        &:before {
            background-color: #ccc!important;
        }
        &:after {
            background-color: #000;
        }
    }
}
/*END - Change link colors */
  • Total 26 snippets
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6