CSS for multi-status slider - Bald Head Realty
user_3758723130
css
5 months ago
1.9 kB
5
Indexable
/*START - add theming*/ div.lp-container{ .properties-slider__item-status{ color: #374B28!important; background: #FDFEF7!important; padding:10px; text-transform:uppercase; font-size:14px; border-radius: 5px; } .properties-slider__item-container { background-color: transparent; height: 130px; align-items: flex-start!important; .properties-slider__item-info { color: #374B28; } } } /*END - add theming*/ /*START - change pagination color*/ .lp-arrow{ &:before { border: 1px solid #374B28; background-color:#374B28; } &:after { background-color: #fbfcee; } &:hover, &:focus { border-radius: 35px; border: 1px solid #374B28!important; background-color:transparent!important; } &:hover:before { display:none; border: 1px solid #374B28 !important; background: #374B28 !important; } &:hover:after { background-color: #374B28 !important; } } /*START - fix bug on slick arrow*/ div.lp-container{ max-width: 1576px; .properties-slider__wrapper { @media only screen and (min-width:769px){ padding-left: 88px; padding-right: 88px; } @media only screen and (max-width:768px){ padding-left: 0px!important; padding-right: 0px!important; } } @media only screen and (max-width:768px) { div.properties-slider-padding { padding-left: 0px!important; padding-right: 0px!important; } } } .tabs__item { text-transform: uppercase; }
Editor is loading...
Leave a Comment