Buttons, Dropdown Hover and Pagination Theming

Schedule a Showing Design Template: Coldwell Banker Brand
 avatar
Jfelizardo
plain_text
9 days ago
1.5 kB
2
Indexable
Never
CSS Color Theming
/*START - For light background - */
div.type-selector__group label.type-selector__label.lp-btn.lp-btn--outline.lp-btn--dark{
    border-color: #012169;
    background-color: transparent;
    color: #012169;
    &:hover{
        border-color: #012169;
        background-color: #012169;
        color: #fff;
    }
}
div.custom-select button.custom-select-toggle.is-placeholder {
    color: #000;
    border-color: #000;
    &:before {
        background-color: #012169;
    }
    &:after {
        border-top-color:  #012169;
    }
}
div.custom-select.open .custom-select-toggle:after {
    border-bottom-color:  #012169;
    border-top-color:  transparent!important;
}

button.slick-arrow{
    border-color: #012169;
    &:before{
        color:#012169;
    }
    &:after{
        color: #012169;
    }
    &:hover{
        background-color: #012169;
        &:before{
             background-color: #fff;
        }
        &:after{
            color: #fff;
        }
    }
}
div.redesign{
    .calendar__slide.selected .calendar__item {
        border-color: #012169;
        background-color: #012169;
        color:#fff;
    }
}

/*hover select*/
div.custom-select-content{
    background-color: #fff;
    button.custom-select-item{
        color:#000;
        &:hover{
            background-color:#012169;
            color: #fff;
        }
    }
}
/*END- For light background - */
Leave a Comment