Multi-status Slider
for slick arrow fix and mobile view fixuser_3758723130
scss
a year ago
1.9 kB
16
Indexable
Never
/*START -Change pagination colors*/ button.lp-arrow { background-color: transparent; border-color: #000!important; &:before { color: #000; } &:hover { background-color: #000!important; color: #fff; } &:hover:before { color: #fff; } } @media (max-width: 768px){ button.lp-arrow { background-color: transparent; border-color: #000!important; &:before { color: #000; } &:hover { background-color: #000!important; color: #fff; } &:hover:before { color: #fff; } } } /*END -Change pagination colors*/ /*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; } } } /*START - add theming*/ div.lp-container{ .properties-slider__item-status{ color: #fff!important; background: #000!important; padding:10px; text-transform:uppercase; font-size:14px; } .properties-slider__item-container { background-color: #000; padding: 19px 25px 25px 25px; .properties-slider__item-info { color: #fff; } } } /*END - add theming*/ /*END - add theming*/